Com crear un bon text alternatiu

Quan el text alternatiu està ben posat, millora tant l'accessibilitat del teu lloc web com el posicionament de la pàgina. A més, els usuaris que no poden veure les imatges i fan servir lectors de pantalla entendran millor el contingut de la web i hi navegaran molt millor. De la mateixa manera, quan un motor de cerca rastreja la web, pot llegir i indexar el text alternatiu, cosa que millorarà la seva posició als resultats de cerca.

Però com s'escriu bé un text alternatiu? En aquesta entrada us expliquem els errors més habituals que es cometen a l'hora de posar aquest text.

1. Fer servir la paraula «imatge»

Un dels errors més habituals és posar «imatge de» o «gràfic de» al text alternatiu abans de descriure una imatge. Els lectors de pantalla ja identifiquen que és una imatge i ho diuen a l'usuari; no cal que ho fem nosaltres, és redundant i molest. Estan programats per reconèixer una imatge a la pantalla de l'ordinador i diran «imatge» o «gràfic», i ens deixen a nosaltres la descripció.

És important entendre que el text alternatiu ha de servir perquè la persona que no pot veure la imatge entengui què hi ha, per tant, intenta ser clar i concís en la descripció.

De vegades és adequat indicar el tipus d'imatge, però només si cal per descriure-la amb precisió. Per exemple, la imatge d'un gatet jugant amb un cabdell podria ser una il·lustració o un dibuix; en aquest cas, el text alternatiu podria dir: «Gatet jugant amb un cabdell. Il·lustració». Els diagrames, els gràfics i els gràfics circulars són altres exemples de tipus d'imatges concrets en què saber què són pot ser una informació crucial per a l'usuari final.

2. No posar el text que conté una imatge

El text que hi ha dins d'una imatge s'ha de descriure al text alternatiu. Els anuncis sovint contenen text que descriu el producte, i aquest text és fonamental per entendre el contingut de la imatge, així que no ens hem d'oblidar de posar-lo a l'alt. Per a imatges amb molt de text o imatges més complexes, com diagrames o gràfics, pot caldre incloure una descripció llarga addicional fora de l'atribut alt de la imatge; per a això farem servir l'atribut longdesc.

3. Posar text alternatiu a imatges o elements decoratius

Els elements decoratius, com els separadors o els elements de disseny que no aporten context ni contingut addicional, no necessiten text alternatiu. Quan es llegeixen amb un lector de pantalla, tenen poc sentit o són innecessaris. Pensa en la finalitat del teu gràfic i en si el text alternatiu aportarà alguna informació, algun benefici o complementarà d'alguna manera el que està llegint l'usuari.

Un exemple clar és el de la imatge d'un telèfon que té al costat el text «telèfon» i, al costat d'aquest text, el número de telèfon en si. Descriure la imatge a l'alt seria redundant i molest per a la persona, perquè li llegiria diverses vegades la mateixa paraula.

Quan una imatge és merament decorativa i no aporta informació a l'usuari, és molt millor no intentar descriure-la. Per exemple, si tenim un article sobre noves tecnologies i la imatge és un munt de zeros i uns a l'estil de «Matrix», aquesta imatge no hauria de tenir text alternatiu, perquè en realitat posar-li'n un no aportaria res a la persona que visita la web. Recordem que el que fem ha de ser útil.

Però recorda: que una imatge no necessiti text alternatiu no vol dir que la puguis ignorar. Indica a la tecnologia d'assistència que ometi les imatges amb un atribut alt nul (alt='') o fent servir list-style-image.

4. Repetir el mateix text al peu de foto i al text alternatiu

Mentre que el text alternatiu és adequat per donar una descripció breu d'una imatge, els peus de foto poden ser útils per a descripcions més llargues, imatges complexes i galeries de fotos. De vegades a una imatge li convé tenir tant alt com peu de foto, però mai no han de ser idèntics: l'ideal és que es complementin. Els lectors de pantalla llegiran tant l'alt com el peu i, si són idèntics, resultarà repetitiu i l'experiència a la pàgina se'n ressentirà.

El més normal és que el peu de foto no descrigui el contingut de la imatge que acompanya (perquè aquests peus els llegiran persones que hi veuen); per tant, a l'alt hauríem de posar la descripció pura del que es veu a la foto i, al peu, el text que la complementa. El més fàcil és fer-nos aquesta pregunta: si tanqués els ulls i una màquina em llegís l'alt i el peu, tindria la mateixa informació que si obrís els ulls, veiés la imatge i llegís el peu?

5. Fer servir «logotip de l'empresa» com a text alternatiu

Aquest és molt concret, però és tan habitual que cal esmentar-lo. Sempre que el logotip de la teva empresa aparegui al teu lloc web, ha d'incloure el nom de l'empresa al text alternatiu. Escriure «logotip de l'empresa» a l'alt és genèric i poc descriptiu quan s'hi accedeix amb un lector de pantalla. Si el logotip és un enllaç a la pàgina d'inici (cosa molt habitual), hauríem de posar a l'alt la destinació de l'enllaç, per exemple: ADDAW, vés a l'inici.

6. No fer servir un llenguatge senzill

Per què dir «utilitzar» si pots dir «fer servir»? Un llenguatge senzill aporta un nivell de precisió i accessibilitat que és útil per a moltes persones. A més, si el text no és complex, científic o adreçat a un públic especialitzat (com en una revista mèdica), no té cap sentit fer que el text alternatiu d'aquesta informació sigui més feixuc o complicat del que hauria de ser.

7. No fer servir l'ortografia o els signes de puntuació adequats

És molt habitual que els textos alternatius no tinguin cap signe de puntuació, però la puntuació importa. Posar punts i comes permet que un lector de pantalla llegeixi d'una manera més natural, amb les pauses adequades per separar idees, paràgrafs o altres continguts. El mateix passa amb l'ortografia: les paraules mal escrites no es llegiran correctament i fins i tot poden tenir un significat diferent. De la mateixa manera que vas amb compte d'escriure els continguts amb l'ortografia i la puntuació correctes, hauries de fer el mateix amb el text alternatiu.

8. No revisar ni actualitzar mai el text

Cada vegada que es revisa el contingut de la pantalla, s'ha de revisar el text alternatiu. Quan es va actualitzar el missatge del bàner de l'última campanya, també es va actualitzar el text alternatiu o està donant informació antiquada a alguns dels teus usuaris? Quan l'empresa va canviar d'imatge de marca o va fer un redisseny, es van actualitzar els textos alternatius perquè estiguessin al dia? Mantenir el text alternatiu actualitzat és fonamental per al teu missatge i la teva reputació.

ADDAW existeix per ajudar, així que si tens dubtes sobre quin text alternatiu has de posar a una imatge, no dubtis a posar-te en contacte amb nosaltres

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.