Accessibilitat de les imatges
Cal definir un text alternatiu per les imatges
Una imatge sempre ha de tenir definit l'atribut alt (text alternatiu), que garanteix que les persones amb discapacitat visual que fan servir lectors de pantalla per navegar pels webs, rebran tota la informació que els cal per entendre el contingut. Si hem afegit a la nostra pàgina imatges i aquestes tenen valor informatiu les descriurem, si la imatge no aporta valor, és decorativa, el valor que posarem serà alt="" (dobles cometes buides) i no s'ha de posar text al títol de la imatge.
Consells segons el tipus d'imatge:
- Fotografies, dibuixos o pintures: Fer un text el més descriptiu possible. No incloure a la descripció "Fotografia de" o "Imatge de" perquè els lectors de pantalla ja interpreten que és una imatge. Si es posa "Imatge d'una poma" el lector llegirà "imatge, imatge d'una poma"
- Imatges decoratives: No s'ha d'incloure alternativa textual, i posarem alt=""
- Imatges amb text: Es recomana no utilitzar-les. Si és imprescindible, es recomana que el text alternatiu sigui el mateix text que hi ha a la imatge.
- Imatges funcionals (amb link): Botons, enllaços o altres elements interactius. L’alternativa textual ha d’explicar l’acció que inicia més que la descripció de la imatge. Per exemple, una icona d’una fletxa en una àncora per pujar, el text ha de ser “pujar” i no “fletxa”.
Criteri de l'estàndard WCAG 2.1 relacionat:
Com redactar els textos alternatius:
- Consells per redactar un bon text alternatiu
- Mapa de decisió per proporcionar textos alternatius adequats
Revisió dels textos alternatius:
Extensió Chrome Web Developer: a l'opció "Images" seleccionar "Display alt Atributes"
Lectors de pantalla:
Com implementem aquest criteri a Genweb
A següent videotutorial es descriu com definir el text alternatiu d'una imatge en Genweb:
Comparteix: