Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-B»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 53: | Línea 53: | ||
<ol class="paso-list"> | <ol class="paso-list"> | ||
<li><span class="paso-badge">Paso 1.</span>Seleccionar '''Images – Display alt attributes'''.</li> | <li><span class="paso-badge">Paso 1.</span>Seleccionar '''Images – Display alt attributes'''.</li> | ||
<li><span class="paso-badge">Paso 2.</span> | <li><span class="paso-badge">Paso 2.</span> Comprobar la página valorando si el texto de dicho atributo se adapta a los cambios en el contenido no textual.</li> | ||
</ol> | </ol> | ||
Revisión del 12:38 4 nov 2025
1.1.1-B. Las alternativas textuales se deben actualizar cuando cambia el contenido no textual
- 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
Enunciado del criterio (Observatorio de Accesibilidad Web)
- Las alternativas textuales se deben actualizar cuando cambia el contenido no textual para mantener la coherencia y accesibilidad.
Comprensión del criterio
Descripción resumida
Cuando un contenido visual cambia dinámicamente (por ejemplo, un icono de error que se convierte en icono de éxito tras completar un formulario), la alternativa textual también debe actualizarse para mantener la precisión y evitar confusión a usuarios que utilizan tecnologías de apoyo.
Objetivo
Garantizar que los usuarios que dependen de lectores de pantalla reciban información siempre precisa, actualizada y coherente con el estado visual de la interfaz, especialmente en contenidos dinámicos o interactivos.
Importancia de cumplir el criterio
Si una imagen cambia pero su texto alternativo no, los usuarios que utilizan lectores de pantalla recibirán información incorrecta.
Esto puede generar errores, confusión y barreras graves de acceso.
Por ello, diseñadores y desarrolladores deben asegurarse de actualizar el texto alternativo cuando el contenido visual cambia dinámicamente.Referencias WCAG
Recursos de apoyo
No hay
Evaluación del criterio
Tipo de evaluación
Evaluación Manual
Procedimiento de evaluación
Usa la herramienta de Web Developer Toolbar.
- Paso 1.Seleccionar Images – Display alt attributes.
- Paso 2. Comprobar la página valorando si el texto de dicho atributo se adapta a los cambios en el contenido no textual.
Resultado esperado
El texto alternativo cambia automáticamente cuando cambia el estado visual del contenido, proporcionando información precisa y actualizada para tecnologías de apoyo.
Ejemplo
Un icono cambia según el estado de un formulario:
<img src="iconoAlerta.jpg" alt="icono de alerta">
Tras corregir los datos del formulario:
<img src="iconoInfo.jpg" alt="icono de información">
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 dinámicas
Ver ALT de imágenes dinámicas
Lectores de pantalla recomendados: JAWS, NVDA, VoiceOver
Validar que la descripción cambia cuando lo hace la imagen.
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.1.1-B. Las alternativas textuales se deben actualizar cuando cambia el contenido no textual
Loading comments...
