Escribiendo atributos Alt
Escrito en: Usabilidad
El atributo Alt en las imágenes es uno de los elementos clave a la hora de pensar en accesibilidad. Es el atributo que permitirá dar mayor semántica a un website cuando está siendo visto a través de navegadores adaptados para personas con impedimentos visuales, entre otras funciones muy útiles.
Hemos hecho el ejercicio de mirar cómo algunos websites relevantes suelen escribir este atributo.
| Website | Alt vacios | Info sobre accesibiliad | Estilo del Alt | Ejemplo de rotulación del atributo Alt |
| bbc.co.uk | 4 | si | Indicativo | Wolrd news, bbc.co.uk, news feeds |
| wikepedia.com | 0 | no | Descriptivo | This is the internationally recognised symbol for accessibility |
| sidar.org | 0 | si | Descriptivo | Logotipo de SIDAR, lleva a su página principal |
| mozilla.org | 0 | no | Descriptivo | Get firefox now at mozilla.com |
| gencat.cat | 0 | si | Indicativo | Canviem-ho, encara hi som a temps |
| apple.com | 5 | no | Indicativo | Apple, Apple Store |
| microsoft.com | 0 | no | Indicativo | microsoft, Download and install… |
| lacaixa.es | 4 | si | indicativo | Logotip de la caixa |
| cajamadrid.es | 1 | si | Descriptivo | Entrar en la Oficina Internet Caja Madrid [abre en una ventana nueva] |
Conclusión:
No basta con rellenar el atributo, hay que escribirlo de manera descriptiva y semántica de lo contrarío sirve para burlar a los validadores automáticos.
Aquí unos ejemplos de cómo se podría redactar mejor el contendido de este atributo.
MAL: Alt= “palomitas”
BIEN: Alt= “Foto: Bolsa grande de apetitosas palomitas de maíz - [lleva a página promocional sobre entradas de cine]”
Ejemplo wikipedia:
MAL: … Alt=“Foto de una lechuga”> Las lechugas tienen un periodo, bla bla….
BIEN: Alt= “Muchas variedades de lechugas tiene propiedades curativas”> Las lechugas tiene un periodo, bla bla….
Es decir, utilizar la imagen como una cita o un elemento que a parte de describir el contenido aporte algo al lector.
La wikipedia ha desarollado su manual de estilo para redactar correctamente el alt para las imágenes, muy interesante.
Me quedo con esta frase:
“Don’t talk about the image, talk about the thing”
¿Cómo lo veis, reescribimos los alt de nuestras imágenes?
Tags:UsabilidadVolver a: Escribiendo atributos Alt
Marcadores Sociales