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 [[:Categoría:Semiautomática Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]|Semiautomática Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]]]

Procedimiento de evaluación

Usa la herramienta de Web Developer Toolbar.
  1. Paso 1. Seleccionar Images – Outline images without alt attributes y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo alt.
  2. Paso 2. Seleccionar Images – Display alt attributes. Verificar que el texto alternativo se ajusta a la imagen. (Consulta la sección de Recursos de apoyo)
  3. Otra opción es 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.








La propiedad «Wcag tipo evaluacion» (como tipo de página) con el valor de entrada «Semiautomática Evaluación [[:Categoría:{{{wcag_tipo_evaluacion}}}|{{{wcag_tipo_evaluacion}}}]]» contiene caracteres inválidos o está incompleto, por lo que puede causar resultados inesperados durante una consulta o proceso de anotación.


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...




Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-A&oldid=3180»