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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Sin resumen de edición
Sin resumen de edición
Línea 29: Línea 29:
-->
-->
</html>
</html>
=== Descripción y comprensión del criterio ===
==== Descripción resumida ====
<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. Así, los lectores de pantalla pueden interpretar correctamente el contenido. </div>
==== Objetivo ====
<div class="wcag-info-criterio"> Garantizar que los símbolos o textos no estándar sean comprensibles por todas las personas, incluidas las que utilizan tecnología de apoyo. </div>
==== Importancia de cumplir el criterio ====
<div class="wcag-info-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. </div>
==== Referencias WCAG ====
<div class="wcag-info-criterio"> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/html/H86 Comprender técnica H86 – Alternativas para arte ASCII, emoticonos y leetspeak (en inglés)]</span> </div>
==== Recursos de apoyo ====
<div class="wcag-info-criterio"> * [https://www.usableyaccesible.com/textosalternativosaccesibles/mapa_decision_texto_alternativo.php Mapa de decisión para textos alternativos adecuados] * [https://www.w3.org/WAI/tutorials/images/decision-tree/ Árbol de decisión de W3C (en inglés)] <html> <iframe width="100%" height="400" src="https://www.youtube.com/embed/Ed8CNJrkm74?start=6114" title="Video de YouTube" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> </html> </div>
=== Evaluación del criterio ===
==== Tipo de comprobación ====
<div class="wcag-info-criterio"> Comprobación <strong>Manual</strong> </div>
==== Procedimiento de evaluación ====
<div class="wcag-info-criterio"> <span class="paso-badge>Paso 1.</span> Usar la herramienta '''Web Developer Toolbar'''. <span class="paso-badge>Paso 2.</span> Localizar arte ASCII, emoticonos o leetspeak. <span class="paso-badge>Paso 3.</span> Verificar que se incluye una explicación textual cercana. </div>
==== Ejemplo ====
<div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <p>😀 (emoticono de cara feliz, indica satisfacción del usuario)</p> <p>H0L4 (texto alternativo: "HOLA" en leetspeak)</p> </pre> </div>
==== Otras herramientas de evaluación ====
<div class="wcag-info-criterio"> Uso de '''lectores de pantalla''' para comprobar la pronunciación de emoticonos y caracteres especiales. </div>

Revisión del 08:09 22 oct 2025

1.1.1- E. Proporcionar texto alternativo para el contenido no textual

  • 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. 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 técnica H86 – Alternativas para arte ASCII, emoticonos y leetspeak (en inglés)

Recursos de apoyo

* Mapa de decisión para textos alternativos adecuados * Árbol de decisión de W3C (en inglés)

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.
Obtenido de «https://wikiwcag.udl.cat/index.php?title=Principio_1/1.1_Texto_Alternativo/1.1.1-E&oldid=1357»