Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-E»

De WCAG Wiki
Línea 37: Línea 37:
<div class="wcag-info-criterio"> Cuando uses dibujos con caracteres (arte ASCII), emoticonos o jergas como <code>leetspeak</code> ("H0L4"), incluye un texto explicativo al lado.  
<div class="wcag-info-criterio"> Cuando uses dibujos con caracteres (arte ASCII), emoticonos o jergas como <code>leetspeak</code> ("H0L4"), incluye un texto explicativo al lado.  


Carácteres ASCII:
'''Carácteres ASCII:'''


   @@@@   
   @@@@   
Línea 46: Línea 46:




Emoticonos:
'''Emoticonos:'''
<code> :D </code>
<code> :D </code>


Código leetspeak:
'''Código leetspeak:'''
<code> ("H0L4") </code>
<code> ("H0L4") </code>



Revisión del 08:16 22 oct 2025

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

  • Icono de una persona con discapacidad visual 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 ("H0L4"), 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

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

 <p>😀 (emoticono de cara feliz, indica satisfacción del usuario)</p> <p>H0L4 (texto alternativo: "HOLA" en leetspeak)</p> 

Otras herramientas de evaluación

Uso de lectores de pantalla para comprobar la pronunciación de emoticonos y caracteres especiales.