Principio 1/1.1 Texto Alternativo/1.1.1-E

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

• Nivel:A
• Versión:2.2
• Principio:1. Perceptible
• Pauta:1.1 Textos alternativos
• Categoría:Contenido
• Subcategoría:No-texto

Usuarios más afectados

• Personas con discapacidad visual total - Barrera grave

Descripción y comprensión del criterio

Descripción resumida

Cuando uses dibujos con caracteres (arte ASCII), emoticonos o jergas como leetspeak, incluye un texto explicativo al lado.

Carácteres ASCII:

 @@@@  
@....@ 
@.@@.@ 
@....@ 
 @@@@  

Emoticonos: :D

Código leetspeak: ("H0L4")

Así, los lectores de pantalla pueden interpretar correctamente el contenido.

Objetivo

Garantizar que los símbolos o textos no estándar sean comprensibles por todas las personas, incluidas las que utilizan tecnología de apoyo.

Importancia de cumplir el criterio

Los lectores de pantalla pueden leer incorrectamente arte ASCII o caracteres especiales.

Añadir una breve explicación cercana evita confusión o pérdida de información.

Referencias WCAG

• Comprender el criterio 1.1.1 (en inglés)
• Comprender técnica H86 – Alternativas para arte ASCII, emoticonos y leetspeak (en inglés)

Recursos de apoyo

• No hay

Evaluación del criterio

Tipo de comprobación

Comprobación Manual

Procedimiento de evaluación

Paso 1. Usar la herramienta Web Developer Toolbar.

Paso 2. Localizar arte ASCII, emoticonos o leetspeak.

Paso 3. Verificar que se incluye una explicación textual cercana.

Ejemplo

 

<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

Uso de lectores de pantalla como JAWS, NVDA o VoiceOver, para comprobar que la información que se escucha al acceder a un codigo ASCII, u de otro tipo.

Inspector del navegador

Puedes usar la herramienta de inspección del navegador para comprobar si un codigo ASCII u de otro tipo contiene una descripción comprensible .