Escribiendo atributos Alt
- Tema: Usabilidad
- » Se lee en 61 segs
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:UsabilidadComentarios
¿Quieres Comentar?
- Usándolo.com es el blog personal de Jorge Márquez, dedicado a conversar sobre usabilidad, diseño web y tecnología.
¡ Sindica el contenido de usandolo.com usando RSS !
Temas
Últimamente
- Twitter y la experiencia de usuario
- SIMO, allá vamos!
- La variable del aprendizaje en la ejecución de test de usuario
- Now Open!
- Simplicidad, síntesis, datos y medios de comunicación
- Reflexiones sobre Jailbreak vs Default en el iPhone 3G
- Mobile web, la tarea pendiente
- Los filtering sliders de Facebook
- Gmail: Problema de interacción elimina mi lista de contactos
- Etiquetar o categorizar, allí la cuestión
Archivos
- Septiembre 2009
- Marzo 2009
- Enero 2009
- Diciembre 2008
- Noviembre 2008
- Octubre 2008
- Septiembre 2008
- Agosto 2008
- Julio 2008
- Junio 2008
- Mayo 2008
- Abril 2008
- Marzo 2008
- Febrero 2008
- Enero 2008
- Diciembre 2007
- Noviembre 2007
- Octubre 2007
- Septiembre 2007
- Agosto 2007
- Julio 2007
- Junio 2007
- Mayo 2007
- Abril 2007
- Marzo 2007
- Febrero 2007
- Enero 2007
puto