|
|
| Línea 6: |
Línea 6: |
| <ul> | | <ul> |
| <li><span class="label">Nivel:</span><span class="value">A</span></li> | | <li><span class="label">Nivel:</span><span class="value">A</span></li> |
| <li><span class="label">Versión:</span><span class="value">2.2</span></li> | | <li><span class="label">Versión:</span><span class="value">2.0</span></li> |
| <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li> | | <li><span class="label">Principio:</span><span class="value">1. Perceptible</span></li> |
| <li><span class="label">Pauta:</span><span class="value">1.1 Textos alternativos</span></li> | | <li><span class="label">Pauta:</span><span class="value">1.1 Textos alternativos</span></li> |
| Línea 39: |
Línea 39: |
| [[Categoría: Contenido]] | | [[Categoría: Contenido]] |
| [[Categoría: Nivel-A]] | | [[Categoría: Nivel-A]] |
| | [[Categoría: Versión-2.0]] |
| | |
|
| |
|
| === Descripción y comprensión del criterio === | | === Descripción y comprensión del criterio === |
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
- Categoría:Contenido
- Subcategoría:No-texto
Usuarios más afectados
Personas con discapacidad visual total - Barrera grave
-
Personas con discapacidad cognitiva – Barrera leve
Descripción y comprensión del criterio
El arte ASCII, emoticonos y leetspeak deben tener alternativas textuales cercanas que transmitan la misma información.
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
Recursos de apoyo
Evaluación del criterio
Tipo de comprobación
Comprobación Manual
Es necesario revisar visualmente las imágenes y leer las descripciones para comprobar que la información esté completa.
Procedimiento de evaluación
Paso 1.
Usa la herramienta de 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 .