Principio 1/1.1 Texto Alternativo/1.1.1-E

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

1_Perceptible 1.1_Textos_alternativos

• 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

• Understanding Success Criterion 1.1.1: Non-text Content
• Technique H86 – Providing text alternatives for ASCII art, emoticons, and leetspeak

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.

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 ilustrativo

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

	Última modificación
2526UPSA1.1.1-E-000	21 diciembre 2025 09:15:59

Comentarios

A continuación se muestran comentarios sobre el criterio 1.1.1-E. Alternativas para arte ASCII, emoticonos y leetspeak

Loading comments...

1. SUBCRITERIO 1.1.1-E: Contenido no textual

ID del Criterio: 1.1.1-E Contenido no textual (Nivel A)

1.1. Ejemplo No Accesible (NOA)

URL de origen: https://www.lingscars.com

Explicación:

En la página principal de LingsCars se muestran múltiples imágenes promocionales que transmiten información visual relevante. Sin embargo, algunas imágenes no contienen el atributo alt o este es inexistente. Al no incluir una alternativa textual descriptiva, el contenido visual no puede ser interpretado por tecnologías asistivas.

El criterio 1.1.1 establece que toda imagen informativa debe disponer de un texto alternativo que describa su función o contenido. En este caso, al no existir ese atributo, se incumple el nivel A de las WCAG.

Impacto:

Este problema afecta gravemente a personas ciegas o con discapacidad visual que utilizan lectores de pantalla, ya que no pueden acceder al contenido informativo que transmite la imagen. También perjudica a usuarios con imágenes desactivadas o con conexiones lentas.

---

1.2. Ejemplo Accesible (ACC)

URL de origen: https://www.apple.com

Explicación:

En las páginas de producto de Apple, las imágenes incluyen atributos alt descriptivos que permiten identificar el modelo y características del producto. Esto garantiza que la información visual esté disponible también en formato textual.

Impacto:

Permite que usuarios con lector de pantalla comprendan el contenido visual, asegurando igualdad de acceso a la información y cumplimiento del nivel A.