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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Línea 18: Línea 18:
       <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" />
       <li><img src="/images/4/4d/Sinvision.png" alt="Icono de una persona con discapacidad visual" />
       <span>Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></span></li>
       <span>Personas con discapacidad visual total - <span class="gravedad">Barrera grave</span></span></li>
        <li>
          <img src="/images/4/40/Cognitiva.png" alt="Icono discapacidad cognitiva" class="icono-discapacidad" />
          Personas con discapacidad cognitiva – <span class="gravedad">Barrera leve</span>
        </li>
     </ul>
     </ul>
   </section>
   </section>
Línea 30: Línea 34:
</html>
</html>


[[Categoría: Visual total]]
[[Categoría: Cognitiva]]
[[Categoría: Contenido]]
[[Categoría: Nivel-A]]


=== Descripción y comprensión del criterio ===
=== Descripción y comprensión del criterio ===

Revisión del 07:11 24 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
  • Icono discapacidad cognitiva 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

  • No hay

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 .

Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-E&oldid=1627»