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
Línea 35: Línea 35:
==== Descripción resumida ====
==== 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>
<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 ====
==== Objetivo ====
Línea 43: Línea 47:
==== Importancia de cumplir el criterio ====
==== 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>
<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 ====
==== 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>
<div class="wcag-info-criterio">  
* <span lang="en">[https://www.w3.org/WAI/WCAG22/Understanding/non-text-content.html| Comprender el criterio 1.1.1 (en inglés)]</span>
 
* <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>
 
</div>


==== Recursos de apoyo ====
==== 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>
<div class="wcag-info-criterio"> *  
</div>


=== Evaluación del criterio ===
=== Evaluación del criterio ===

Revisión del 08:10 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

*

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=1358»