Reproducimos en nuestro blog este sencillo e interesante artículo sobre como tratar la etiqueta ALT en las distintas imágenes de nuestra web.
El artículo nos llegó a través del boletín Nº 88 de Proyectoweb, en el que precísamente el boletín celebraba su cuarto año de existencia, FELICIDADES!!!!
Recomendamos a nuestros lectores que visiten http://www.proyectoweb.org y se suscriban a su interesante boletín.

POR TRENTON MOSS – Especialista en Usabilidad y Accesibilidad Web. http://www.webcredible.co.uk/
TRADUCIDO POR: Sebastián Betti – Argentina. [email protected]
Colaborador de ProyectoWeb

Todo aquel que conoce algo sobre accesibilidad Web sabe que las imágenes necesitan tener un texto alternativo (etiqueta ALT) asociado. Esto se debe a que los lectores de pantalla no pueden interpretar las imágenes sino que en su lugar leen en voz alta el texto que éstas tienen asignado. En Internet Explorer puede verse este texto ALT con sólo posar el puntero del mouse sobre la imagen y mirar el recuadro amarillo emergente. Otros exploradores, como debe ser, no lo hacen. El código HTML para insertar texto ALT es:

<img src=»nombrearchivo.gif» alt=»Aquí va la descripción alternativa»>

¿Puede haber una técnica para escribir texto ALT? Simplemente se pone una descripción y listo, ¿verdad? Bien, más o menos. Si bien no se trata de algo sumamente complejo, existen algunos lineamientos a seguir…

Imágenes espaciadoras y textos ALT faltantes

Las imágenes espaciadoras siempre deberían tener texto ALT nulo, o sea alt=”». De este modo la mayoría de los lectores de pantalla ignorarán completamente la imagen y ni siquiera repararán en su presencia. Las imágenes espaciadoras son esas imágenes invisibles utilizadas en casi todos los sitios Web. Su propósito es, como el nombre lo indica, generar espacio en las páginas. En ocasiones no es posible crear el efecto visual requerido, de manera que se puede insertar una imagen (especificando su altura y ancho) y, aparece el espacio extra que se necesita.

No todo el mundo usa texto ALT nulo en las imágenes espaciadoras. Algunos sitios web tienen alt=”imagen espaciadora”. Imagine lo molesto que esto puede ser para el usuario, sobre todo si se tienen diez imágenes seguidas. El lector de pantalla diría: “imagen, imagen espaciadora” diez veces consecutivas pues, por lo general, dicen la palabra “imagen” antes de leer el texto ALT. Esto no sería de utilidad.

Otros desarrolladores Web simplemente omiten el atributo ALT de las imágenes espaciadoras (y quizá de otras también). En este caso, la mayor parte de los lectores de pantalla leerán el nombre del archivo, que por ejemplo podría ser ‘sitionuevo/imagenes/espaciadordeunpixel.gif’.

1 estrella2 estrellas3 estrellas4 estrellas5 estrellas (Por favor valore el contenido)
Cargando…

Hablemos

Si tiene cualquier pregunta somos todo oídos :-)

Enviando

¡Suscríbete!

¡Suscríbete!

Y recibirás por mail información de calidad sobre diseño :-)

Gracias por la suscripción!

Inicia Sesión con tu Usuario y Contraseña

¿Olvidó sus datos?