El text alternatiu és una descripció d'una imatge que permet als que no poden veure la imatge accedir a la mateixa informació visual que els que poden.
La premisa és descriure la informació, no la imatge.
Les imatges necessiten text alternatiu. Sovint és una de les primeres coses que s'aprenen sobre l'accessibilitat. A primera vista, és un concepte senzill d'aprendre i sol ser senzill d'implementar.
El que no és tan fàcil de determinar és quan utilitzar el text alternatiu i com escriure un text alternatiu que serà efectiu. Per escriure el text alternatiu adequat, heu d'entendre per a qui esteu escrivint el text alternatiu i quin és el propòsit de la imatge.
El text alternatiu (Alt) està pensat per transmetre el "per què" de la imatge en relació amb el contingut d'un document o pàgina web, per ajudar a garantir que la gent no es perdi la informació que transmeten els elements gràfics.
El text alternatiu és útil en moltes situacions:
Si una imatge transmet informació important que no està disponible en cap altre lloc de la pàgina, una persona que no pot veure la imatge no rebrà aquesta informació si la imatge no té un text alternatiu especificat.
Per ajudar-vos a escriure alternatives de text per a les imatges feu-vos tres preguntes principals.
Us guiaran per triar entre una alternativa de text breu, llarga o en blanc.
Purament decoratiu?
Si la imatge té un paper purament decoratiu a la pàgina, és a dir, sSi utilitzeu una foto o una imatge només per fer que una pàgina sembli més atractiva, no inclogueu cap alternativa de text, deixeu el camp alternatiu de text en blanc. D'aquesta manera un lector de pantalla l'ignorarà.
Informatiu?
Si la imatge és informativa, considereu la segona pregunta.
No, repeteix la informació
Si la imatge només repeteix informació, utilitzeu una alternativa de text en blanc: (alt=""). Això evita que un usuari de lector de pantalla escolti el contingut dues vegades.
No, repeteix un enllaç
Si la imatge és un enllaç i repeteix un enllaç de text proper, envolta l'enllaç al voltant de la imatge i el text per crear un únic enllaç. A continuació, utilitzeu una alternativa de text en blanc per a la imatge: (<a href="page.html"><img alt="">La meva pàgina</a>).
Sí
Si la imatge presenta informació nova, considereu la tercera pregunta.
Un enllaç
Si la imatge és un enllaç, escriviu alguna cosa que identifiqui el contingut enllaçat tal com ho faríeu quan afegiu un enllaç de text: (alt="etiqueta per a l'enllaç").
Informació breu i senzilla
Si la imatge comunica un missatge breu o senzill, utilitzeu-lo com a text ALT: (alt="alternativa de text breu").
Si utilitzeu un subtítol per a la imatge, no repetiu el subtítol com a text ALT. En comptes d'això, utilitzeu una etiqueta curta que tingui sentit quan llegiu amb el subtítol.
Informació més llarga o complexa
Quan una imatge presenta informació més llarga o més complexa, escriu una alternativa de text llarg. Podeu afegir-la de diferents formes:
Encara necessitareu un text ALT curt per etiquetar la imatge. Utilitzeu-lo per dir als usuaris on trobar l'alternativa de text llarg (alt="Gràfic d’atur - versió de text a continuació").
NOTA: Els navegadors web no alerten els usuaris dels enllaços LONGDESC. Només els usuaris de lectors de pantalla sabran que hi ha una versió de text enllaçada d'una imatge si feu servir aquesta tècnica. Us recomanem que utilitzeu un enllaç visible.
En aquest punt ja haurieu de saber quin tipus d'alternativa utilitzar, pero per escriure-la cal tenir en compte el paper de la imatge i el context en què s'utilitza.
Considereu el paper i el context de la imatge Abans de poder escriure una alternativa de text, heu de tenir en compte:
La mateixa imatge pot requerir una alternativa de text diferent quan té un paper diferent o s'utilitza en un context diferent.
L'escriptura de textos alternatius és tant un art com una ciència. Feu-vos cadascuna d'aquestes preguntes al seu torn, si la resposta és afirmativa, probablement us podeu aturar en aquest pas i hauríeu de tenir una idea de quin hauria de ser el text alternatiu.
L'atribut alt hauria de denotar la funció de l'enllaç, no el contingut de la imatge.
El text alternatiu hauria de ser tot el text de la imatge, amb totes les sigles ampliades.. Ni més ni menys, només aquell text que en essència està substituint.
Normalment, ens esforcem per evitar la redundància, però si no es pot dir absolutament res més sobre la imatge, només cal repetir el nom de la persona.
Si són persones específiques, enumereu tots els noms i doneu un context direccional (és a dir, "d'esquerra a dreta" o "Primera fila"). Si les especificitats de les persones no tenen importància en el context, utilitzeu un substantiu col·lectiu: "Estudiants...", "Asistents...", "Funcionaris..." i què estan fent.
Si els detalls de la imatge són importants per comprendre el contingut i no es presenten al contingut circumdant, presenteu aquests detalls com a atribut alt. Per exemple, una imatge dels nenúfars de Monet o de La Grande Jatte de Seurat pot esmentar les pinzellades quan es presenten en el context d'una pàgina d'història de l'art sobre la diferència entre els impressionistes i els puntillistes.
En la majoria dels altres casos, el text alternatiu hauria de ser breu i resum sucint: "Primer pla d'un quadre de Seurat"
Presenteu un resum breu, concís i sucint de l'essència de la imatge tal com s'utilitza en el seu context.
No comenceu la descripció amb les paraules: