Antxoa.com

Textos alternativos vacíos

Estándares Web

30 Noviembre 2006

Muchas veces, cuando reviso páginas, me encuentro con textos alternativos en imágenes del estilo: “esquina superior derecha”, “barra de decoración”, “imagen decorativa”…

Como todos deberíamos saber ya a estas alturas, las imágenes que no aportan información al usuario deben llevar un texto alternativo vacío.

Problemas

El problema está cuando te encuentras que muchos usuarios entienden lo de texto alternativo vacío como una indicación clara para eliminar el texto alternativo. Y es todo lo contrario.

Una imagen debe llevar siempre el atributo alt. No sólo por accesibilidad, sino porque por definición tanto en HTML como en XHTML es obligatorio (al igual que siempre tenemos que poner el atributo src).

Mala comprensión

No es lo mismo un texto alternativo vacío, que la ausencia del texto alternativo.

Ausencia de texto alternativo significa que no va a existir el atributo alt.

Texto alternativo vacío significa que existirá el atributo alt pero con un valor vacío: alt="".

Podéis decir, ¿pero no es lo mismo?. Pues no (y punto).

El por qué

Si el atributo alt no existe, cuando un usuario que navegue sin carga de imágenes (por ejemplo) llegue a esa imagen, sabrá que hay una imagen, pero al no tener texto alternativo no podrá saber si se trata de una imagen decorativa o bien una imagen relevante, con información (algo que nosotros, como desarrolladores sí que sabemos).

Sin embargo, si utilizamos un texto alternativo vacío, alt="", cuando este usuario llegue a esa imagen, ni siquiera reparará en ella. Es decir, se hace transparente, ya que como no ofrece información, es como si no existiera.

Gazapos

A día de hoy me he encontrado los siguientes métodos para implementar un texto alternativo vacío:

• alt="vacío"
• alt=""""
• alt="&quote &quote"
• alt="comillas comillas"

Parece increible pero en 3 años y medio que llevo dedicándome exclusivamente a la Accesibilid Web he visto de todo y aunque os pueda parecer sorprendente (sobre todo el último caso), creedme que es cierto.

Recomendación final

Bien, ahora que no se os ocurra poner a todas vuestras imágenes un texto alternativo vacío, para así pasar los validadores automáticos, o toda la furia de los WAI’s caerá sobre vosotros.

Recordad que los profesionales serios revisamos a mano la accesibilidad, con lo cual no vais a poder engañarnos, así que sed niños buenos y trabajad correcta y honradamente.