Presentació del curs en vídeo

0:00 Et donem la benvinguda

Et donem la benvinguda a Imatges i text alternatiu, el segon curs del nivell 2 de la certificació d'accessibilitat digital d'ADDAW. Aprendràs a donar a cada imatge l'alternativa que necessita. Ni més ni menys. És un curs per a disseny, redacció, desenvolupament i gestió de continguts.

0:17 Cada imatge té una funció

El primer és preguntar-se què fa la imatge a la pàgina. No què es veu, sinó per a què hi és. Pot ser decorativa, informativa, funcional, complexa… o text en imatge. I el context decideix: la mateixa foto de l'ajuntament és decoració a la capçalera, i informació en una notícia. Ho exigeix el criteri 1.1.1, Contingut no textual, de nivell A.

0:45 Escriure un bon alt

Un bon text alternatiu respon a una pregunta: què perdria qui no veu la imatge? Pensa en la funció abans que en l'aparença. Escriu una frase, sense començar per «imatge de». I res de paraules clau ni noms de fitxer. Si no, això és el que se sent: «IMG_0347.jpg, imatge.» En una botiga, molt millor així: «Sabatilla blau marí amb sola blanca, imatge.»

1:16 Descriure amb criteri

Algunes imatges demanen més criteri, perquè aquí no hi ha receptes tancades. Posa sempre l'essencial primer, perquè el text alternatiu se sent en ordre. En les fotos de persones, esmenta trets com l'edat o l'origen només si importen per al missatge. I en un producte, explica el color, el material i el text imprès.

1:36 Enllaços, botons i galeries

Quan una imatge i el seu titular comparteixen enllaç, la imatge porta l'alt buit per no repetir. Si la imatge és sola en un enllaç o en un botó, el seu text diu la destinació o l'acció. I cinc estrelles de valoració necessiten un sol text: «4 de 5 estrelles.» I no cinc vegades «estrella».

1:59 Text en imatges i fons CSS

El text dins d'una imatge es pixela amb el zoom, no es tradueix i no es pot cercar. I l'alt no arregla ni el zoom ni la traducció: és un pedaç, no una solució. Així que, si publiques el cartell de les festes, publica també el programa en text real. I fes servir les imatges de fons amb CSS només per decorar.

2:21 Imatges complexes

Un gràfic, una infografia o un mapa no caben en una frase. La seva alternativa té dues parts: un alt breu que identifica la imatge, i una descripció llarga, visible a la pàgina. Per exemple, per a un gràfic sobre l'evolució de l'atur, el millor és acompanyar-lo d'una taula amb les dades. Així, qui no veu el gràfic té exactament la mateixa informació.

2:47 Icones, emojis, SVG i CAPTCHA

Les icones, els emojis i els gràfics SVG segueixen la mateixa lògica. Si una icona decora, s'amaga. Si és l'únic que hi ha en un botó, el botó necessita un nom, com «Cercar». I millor sense CAPTCHA: un camp parany invisible frena el correu brossa sense crear barreres.

3:06 L'alt en el dia a dia

Perquè tot això funcioni, cal organitzar-ho. Qui escriu el contingut escriu també l'alt, perquè sap per a què hi és la imatge. El gestor de continguts l'ha de demanar sempre. I si una eina d'intel·ligència artificial el proposa, una persona el revisa abans de publicar. La màquina ajuda, però no sap per què hi vas posar la imatge.

3:27 Per què és important

Pensa en la Lucía. És cega i compra per internet amb el seu lector de pantalla. Sense un bon alt, no sap què compra. I qui té baixa visió necessita text real per ampliar-lo. Ho exigeixen el Reial decret 1112 de 2018 i la Llei 11 de 2023. I, a més, millora el posicionament i el manteniment.

3:49 Què sabràs fer

En acabar, sabràs classificar qualsevol imatge, escriure i revisar alternatives útils, i organitzar la feina del teu equip perquè cada imatge neixi accessible. T'esperen 8 lliçons, un cas pràctic i una llista de comprovació. Comença ja, i prova cada idea al teu ordinador.