Texto alternativo
El texto alternativo comunica el significado o la función de una imagen en su contexto. Las imágenes decorativas requieren otro tratamiento.
Comunicar la información relevante de la imagen
El texto alternativo sustituye con palabras el significado o la función relevante de una imagen. En una imagen HTML suele incluirse en el atributo alt. Su contenido depende del uso de la imagen.
Si una foto de producto de ejemplo muestra el conector de un dispositivo, el tipo de conexión puede importar para elegirlo. Si esa misma imagen es el único enlace a una ficha técnica, su nombre accesible debe comunicar el destino. «Imagen de un dispositivo» ayuda poco en ese caso.
Una imagen HTML puramente decorativa suele llevar alt="" para evitar una lectura innecesaria. En un gráfico complejo, la información esencial también debe ofrecerse como contenido accesible. El texto alternativo no es una lista de palabras clave ni equivale automáticamente al pie de imagen.
Fuentes
Términos relacionados
- Lector de pantallaUn lector de pantalla facilita el acceso al contenido digital mediante voz o braille. La estructura y las etiquetas dan sentido a los controles.
- Orden del focoEl orden del foco determina el recorrido por los elementos que pueden recibirlo. Debe conservar el sentido y la operabilidad ante cambios dinámicos.
- Trampa de tecladoUna trampa de teclado deja la interacción atascada en una zona. La contención deliberada del foco en un diálogo necesita una salida operable con teclado.
- Enlace para saltar al contenidoUn enlace de salto evita la navegación repetida y lleva al contenido principal. El siguiente paso con el teclado también debe continuar en el lugar correcto.
- Nombre accesibleEl nombre accesible identifica un control para las tecnologías de apoyo. Debe explicar la acción y concordar con el texto visible.
- Sugerencia de búsquedaUna sugerencia ofrece una posible consulta mientras se escribe. La selección, el envío de la búsqueda y la lista posterior deben funcionar de forma comprensible.
Artículos sobre el tema
Diseño y UX con ASES
Experiencia de usuario, interfaces e imagen de marca