Comparteix:

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:

1.1.1. - Contingut no textual

 

Com redactar els textos alternatius: 

 

Revisió dels textos alternatius:

Extensió Chrome Web Developer: a l'opció "Images" seleccionar "Display alt Atributes"

 

Lectors de pantalla:

https://accesibilidadweb.dlsi.ua.es/?menu=lectores

Com implementem aquest criteri a Genweb

A següent videotutorial es descriu com definir el text alternatiu d'una imatge en Genweb: