Principio 1/1.1 Texto Alternativo/1.1.1-A

De WCAG Wiki

1.1.1-A. Alternativa textual breve obligatoria

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

Enunciado del criterio (Observatorio de Accesibilidad Web)

  • Todo contenido no textual debe disponer de una alternativa breve que proporcione la misma información o cumpla el mismo propósito que el contenido no textual.

Comprensión del criterio

Descripción resumida

Todas las imágenes, iconos o gráficos deben tener un texto que explique qué muestran o para qué sirven.

- Imágenes informativas: texto alternativo descriptivo con `alt`. - Imágenes decorativas: `alt=""` o presentadas con CSS. - Botones e iconos funcionales: nombre accesible claro.

- Diagramas/mapas: descripción larga disponible junto al contenido.

Objetivo

Permitir que los lectores de pantalla y otras ayudas técnicas transmitan la misma información que se presenta visualmente, asegurando acceso equitativo.

Importancia de cumplir el criterio

Sin alternativas textuales, las personas ciegas o con baja visión no pueden entender la información visual. Este problema genera barreras graves y deja inaccesibles funciones críticas o contenido informativo.

Referencias WCAG

Recursos de apoyo

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

  1. Paso 1. Abrir la página web.
  2. Paso 2. Activar extensión Web Developer > Images > Outline images without alt attributes.
  3. Paso 3. Activar Images > Display alt attributes y verificar contenido del alt.
  4. Paso 4. Usar lector de pantalla y confirmar que la descripción tiene sentido en contexto.

Resultado esperado

Cada imagen tiene el atributo alt correcto y refleja fielmente la información visual, o se marca como decorativa si aplica.

Ejemplo

Ejemplo accesible y no accesible comparado mediante código HTML.
<img src="imagen.jpg" alt="Paisaje de montaña al amanecer">
<img src="imagen.jpg">

Otras herramientas de evaluación

Bookmarklet diagnóstico ALT:

Arrastra este botón a tu barra de marcadores y podrás ejecutarlo y ver los textos alternativos de otras páginas.
Ver ALT de imágenes


Lectores recomendados: JAWS, NVDA, VoiceOver.










Ejemplos accesibles y no accesibles creados por alumnos

 Última modificación
2526UFV1.1.1.-A-00213 noviembre 2025 13:51:16
2025 26 UdL 1.1.1-A6 noviembre 2025 13:11:51


Comentarios

A continuación se muestran comentarios sobre el criterio 1.1.1-A. Alternativa textual breve obligatoria

Loading comments...