Cómo agregar texto alternativo y de título a imágenes: dummies

Texto alternativo describe una imagen para que aquellos usuarios que no pueden ver las imágenes por algún motivo puedan acceder a ese texto para obtener más información sobre la imagen. Agregar texto alternativo (a menudo referido por los desarrolladores como & ldquo; alt text & rdquo;) es una buena práctica porque da cuenta de los siguientes tipos de usuarios:

• Los usuarios con discapacidad visual que no pueden ver imágenes y deben confiar en el texto alternativo para que un lector de texto a voz pueda leerles

• Usuarios que acceden al sitio web desde un explorador de teléfono con capacidades gráficas limitadas

• Usuarios con conexiones a Internet lentas que eligen no mostrar imágenes

Algunos motores de búsqueda y herramientas de catalogación usan texto alternativo para indexar imágenes.

La mayoría de tus usuarios verán tus imágenes, pero debes estar preparado para quienes no lo hagan. Las especificaciones HTML requieren que proporcione texto alternativo para describir cada imagen en una página web. Use el atributo alt con el elemento img para agregar esta información a su marcado, de esta manera:

Inside the Orchestra Entre las diferentes secciones de la orquesta encontrarás:

Strings


Brass


Woodwinds

Cuando los navegadores no muestran una imagen (o no, como en el caso de los navegadores de solo texto como Lynx), en su lugar muestran texto alternativo, como se muestra en la figura.

Cuando los navegadores muestran una imagen, los navegadores, incluidos Internet Explorer, Firefox, Chrome, Safari y Opera, muestran el texto del título como sugerencias emergentes cuando pasa el puntero del mouse sobre una imagen durante unos pocos segundos. segundos, como se muestra en esta figura. Esto requiere agregar un atributo de título a cada elemento

, por lo que también se incluye en el marcado anterior.

Nota: se requiere texto alternativo para validar una página, pero no se requiere el texto del título.

Esto significa que puede usar texto alternativo para describir la imagen a quienes no puedan verla y / o texto del título para proporcionar información útil (o entretenida) sobre la misma imagen.

La Iniciativa de Accesibilidad Web (WAI) del W3C incluye consejos útiles para crear alternativas útiles y útiles para el contenido visual en este sitio.

Puede ver sugerencias para usar texto alternativo para la llamada relleno de palabras clave de presuntos expertos en SEO. Los motores de búsqueda buscan ciertas palabras en las páginas web y, a veces, las usan para clasificar ciertas páginas más arriba en sus resultados de búsqueda. Por lo tanto, algunas personas interpretan que el uso de palabras clave en el texto alternativo mejora la clasificación de la página. Esto es falso. No lo hagas!