Atributo alt vacío
16 Mayo 2007
Al hilo de unos mensajes que han surgido en Ovillo sobre el acierto o no de poner textos alternativos vacíos en imágenes decorativas, no he podido reprimirme a escribir un mensaje que voy a reproducir en el blog.
Realmente no cuento nada nuevo que no hubiera dicho ya hace 6 meses en el post de Textos alternativos vacíos, pero igual os sirve como complemento.
Ahora bien (esto no tiene nada que ver con el post), ¿debo implementar mi mensaje como un blockquote de mí misma o no? nunca lo había pensado…
Textos alternativos vacíos…
Hola,
vamos por partes.Por la propia definición de (X)HTML, las imágenes deben llevar el atributo alt (así como el atributo src) obligatoriamente.
Lo que cambia es el valor que se ofrezca. Como se ha dicho anteriormente, la forma más correcta de implementar imágenes decorativas, de maquetación, que no aportan información al usuario es mediante CSS, como fondo de un elemento.
Pero hay veces que, por la razón que sea, es imposible, así que el desarrollador la inserta en el contenido de la página (por ejemplo, páginas maquetadas con tablas que quieren cumplir con algunos puntos de accesibilidad, o el nivel A, o cualquier otra razón…)
Es el mismo caso que cuando tenemos que insertar un estilo en línea con style=”…”. Son situaciones ocasionales pero ocurren.
Así que, como se ha dicho antes, lo que tenemos que hacer es que esas imágenes no incordien al usuario, aplicando un valor vacío al texto alternativo.
Un texto alternativo vacío (alt=”") NO es lo mismo que la ausencia de texto alternativo, algo que la gente suele confundir.
Los navegadores no muestran ningún error ni nada raro cuando se encuentran con un texto alternativo vacío.
Si lo que se aplica es un texto alternativo con un espacio (alt=” “), ya no es un texto alternativo vacío porque contiene un espacio y algunos lectores de pantalla, ante textos alternativos así, suelen hacer una pausa en la lectura. Así que hay que usarlos con cuidado, porque si hay 15 imágenes decorativas con alt=” ” antes de un elemento, el lector de pantalla parecerá que se ha quedado dormido…
Los que sí van a “cantar” ante un texto alternativo vacío van a ser los revisores automáticos de accesibilidad (hera, taw…) ya que te indicarán las imágenes a las que has aplicado textos alternativos vacíos y te pedirán que te asegures, en tu revisión manual posterior, de que esas imágenes realmente son decorativas.
Los navegadores sólo nos muestran un aviso si existe una imagen sin texto alternativo. Por ejemplo, un lector de pantalla avisará al usuario de que se ha encontrado una imagen sin texto alternativo, así que el usuario no sabrá jamás si la imagen contenía información importante o era decorativa. Incluso hay usuarios que configuran su navegador para que no les dé este tipo de avisos…
Una práctica habitual en accesibilidad, lamentablemente, es utilizar únicamente revisores automáticos de accesibilidad, así que algunos ponen a todas las imágenes textos alternativos vacíos y se quedan tan anchos, porque “pasan” esa validación automática.
Otra práctica hace justo lo contrario, se implementan por CSS imágenes que sí tienen contenido y para aplicarles (o simular) el “alt” se hacen mil burradas como poner un atributo “title” en el elemento “div” o en el que se le ha aplicado la imagen, y como valor de ese “title” se indica lo que debería ir en el “alt”… y esto es casi peor…
Y como también se ha dicho antes, utilizar textos alternativos para indicarle al usuario que se ha encontrado con una imagen decorativa, del estilo:
- alt=”imagen decorativa de una señora haciendo cola en el supermerdado”
- alt=”foto decorativa”
- alt=”esquina superior izquierda”
- …
tampoco es correcto, lo único que hacemos es aburrir al usuario y conseguir que nuestra página se le haga bastante cuesta arriba. Es aquí donde utilizaremos los textos alternativos vacíos.
Si la imagen tiene información, jamás puede ir como fondo, salvo que en esa imagen haya texto y entoces se utilice una técnica de reemplazo de texto y ésta sea accesible (porque recordemos que no todas las técnicas son accesibles del todo).
And that’s all folks!
