Principio 1/1.1 Texto Alternativo/1.1.1-E

De WCAG Wiki

1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak

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)

  • 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 Manual

Procedimiento de evaluación

Usa la herramienta de Web Developer Toolbar.
  1. Paso 1. Seleccionar Images – Display alt attributes.
  2. Paso 2. Localizar arte ASCII, emoticonos o leetspeak.
  3. 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...