Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-A»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 62: | Línea 62: | ||
<li>[https://www.w3.org/WAI/tutorials/images/decision-tree/ Árbol de decisión W3C para imágenes]</li> | <li>[https://www.w3.org/WAI/tutorials/images/decision-tree/ Árbol de decisión W3C para imágenes]</li> | ||
</ul> | </ul> | ||
<nowiki> | |||
<iframe width="100%" height="400" | <iframe width="100%" height="400" | ||
src="https://www.youtube.com/embed/Ed8CNJrkm74?start=6114" | src="https://www.youtube.com/embed/Ed8CNJrkm74?start=6114" | ||
| Línea 70: | Línea 70: | ||
allowfullscreen> | allowfullscreen> | ||
</iframe> | </iframe> | ||
</nowiki> | |||
|wcag_tipo_evaluacion=Manual | |wcag_tipo_evaluacion=Manual | ||
Revisión del 12:30 4 nov 2025
1.1.1-A. Alternativa textual breve obligatoria
- Nivel: A
- Versión: 2.0
- Principio: 1_Perceptible
- Pauta: 1.1_Textos_alternativos
- Grupo: Contenido
- Subgrupo: No-texto
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total –
Barrera grave
-
Baja visión –
Barrera moderada
-
Cognitiva –
Barrera leve
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
<iframe width="100%" height="400"
src="https://www.youtube.com/embed/Ed8CNJrkm74?start=6114"
title="Video de ejemplo sobre alternativa textual"
frameborder="0"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen>
</iframe>
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
- Paso 1. Abrir la página web.
- Paso 2. Activar extensión Web Developer > Images > Outline images without alt attributes.
- Paso 3. Activar Images > Display alt attributes y verificar contenido del alt.
- 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
Ver ALT de imágenes
Ejemplos accesibles y no accesibles creados por alumnos
| Última modificación | |
|---|---|
| 2526UFV1.1.1.-A-002 | 13 noviembre 2025 13:51:16 |
| 2025 26 UdL 1.1.1-A | 6 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...
