Principio 1/1.1 Texto Alternativo/1.1.1-E
De WCAG Wiki
1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak
- 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
-
Cognitiva –
Barrera leve
Enunciado del criterio (Observatorio de Accesibilidad Web)
- El arte ASCII, emoticonos y leetspeak deben tener alternativas textuales cercanas que transmitan la misma información.
Comprensión del criterio
Descripción resumida
Cuando se emplean caracteres ASCII para crear dibujos, emoticonos o escritura no convencional como leetspeak (ej.: "H0L4"), es necesario incluir una explicación textual al lado para que los lectores de pantalla y usuarios con dificultades cognitivas puedan comprender el contenido.
Ejemplos de contenido: - Arte ASCII
@@@@ @....@ @.@@.@ @....@ @@@@
- Emoticono: `:D`
- Leetspeak: `H0L4`Objetivo
Garantizar que contenido expresado de forma no estándar mediante símbolos o caracteres especiales sea comprensible para todas las personas, incluyendo usuarios de lectores de pantalla o personas con dificultades cognitivas.
Importancia de cumplir el criterio
Los lectores de pantalla pueden leer incorrectamente arte ASCII, emoticonos o texto leetspeak, produciendo mensajes incompletos o confusos.
Una explicación textual evita malentendidos y asegura acceso equitativo a la información.
Referencias WCAG
Recursos de apoyo
No hay
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
Usa la herramienta de Web Developer Toolbar.
- Paso 1. Seleccionar Images – Display alt attributes.
- Paso 2. Localizar arte ASCII, emoticonos o leetspeak.
- Paso 3. Verificar que se proporciona un texto alternativo adecuado inmediatamente antes o después.
Resultado esperado
Los emoticonos, arte ASCII y texto leetspeak cuentan con una descripción accesible cercana que explica su significado para usuarios con lectores de pantalla o dificultades cognitivas.
Ejemplo
Ejemplo accesible de emoticono y leetspeak:
<span role="img" aria-label="Emoticono de cara feliz, indica satisfacción">😀</span> <span aria-label="HOLA">H0L4</span>
Otras herramientas de evaluación
Lector de pantalla: JAWS, NVDA, VoiceOver
Verificar que la información transmitida es comprensible.
Inspector del navegador:
Comprobar que las descripciones alternativas están presentes y son correctas.
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak
Loading comments...
