Arbre de decisió per escriure un text alternatiu

Un text alternatiu és el text que identifica una imatge per a les persones amb problemes de visió que necessiten fer servir lectors de pantalla. Concretament, quan aquests lectors de pantalla troben una imatge, en llegeixen en veu alta el text alternatiu. 

Hem de tenir sempre present que l'objectiu prioritari d'aquest text és que aquestes persones puguin consumir el contingut en igualtat de condicions que una persona que sí que veu la imatge. Si posem sempre al centre l'experiència d'usuari d'aquestes persones, arribarem a la conclusió que no sempre els és útil que se'ls llegeixi el text, com passa per exemple amb una imatge merament decorativa, el text alternatiu de la qual no aportaria res.

El W3C va crear un arbre de decisió molt útil per saber què cal fer amb el text alternatiu segons el tipus d'imatge. En aquest article simplement compartim la traducció d'aquest arbre i hi afegim informació que sempre va bé quan pensem quin text alternatiu hem de posar.

• La imatge conté text?
• Sí:
• … i el text també apareix com a text real a prop.
• És una imatge decorativa: deixa el text alternatiu buit.
• … i el text només es mostra amb finalitats visuals.
• És una imatge decorativa: deixa el text alternatiu buit.
• … i el text té una funció específica, per exemple, és una icona.
• És una imatge funcional. Fes servir el text alternatiu per comunicar la funció o el propòsit de la imatge.
• … i el text de la imatge no apareix de cap altra manera.
• És una imatge de text. Fes servir el text alternatiu per incloure el text de la imatge. Aquest cas és molt habitual, per exemple, en els bàners de rebaixes. En aquest cas, el text alternatiu ha d'incloure el contingut de la rebaixa.
• No:
• Continua.
• La imatge es fa servir en un enllaç o en un botó? Seria difícil o impossible entendre què fa l'enllaç o el botó si la imatge no hi fos?
• Sí:
• És una imatge funcional. Fes servir el text alternatiu per comunicar la destinació de l'enllaç o l'acció que es fa. 
• No:
• Continua.
• La imatge aporta significat a la pàgina o al context actual?
• Sí:
• … i és un gràfic o una fotografia senzills.
• És una imatge informativa. Posa a l'atribut «alt» una descripció breu de la imatge que transmeti aquest significat.
• … i és un gràfic o una informació complexa.
• És una imatge complexa. Inclou la informació que conté la imatge en una altra part de la pàgina.
• … i mostra contingut redundant respecte al text real que hi ha a prop.
• Posar-hi un text alternatiu seria redundant i, per tant, molest. Fes servir un atribut «alt» buit. 
• No:
• Continua.
• La imatge és purament decorativa o no està pensada per a l'usuari?
• Sí:
• És una imatge decorativa. Fes servir un atribut «alt» buit. 
• No:
• Continua.
• Si has arribat fins aquí, deu ser una imatge molt particular. Tingues en compte que aquest petit arbre de decisió no cobreix tots els casos. El nostre consell: si només poguessis escoltar el que mostra la pàgina, quin text alternatiu necessitaries per entendre d'una manera realment útil la part de la web on hi ha la imatge? Aquesta és la pregunta clau, i si la respons sabràs què has de fer.

David Prieto González

Enginyer informàtic especialitzat en gestió de projectes i accessibilitat web. Algú diu que el camí del desenvolupament és dur, ja que has de renovar-te i actualitzar-te constantment. No obstant això, si realment gaudeixes del que fas, aquest camí serà agradable... i jo l'estimo.