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

De WCAG Wiki
← Edición anteriorEdición siguiente →
VisualWikitexto
Línea 39: Línea 39:
==== Descripción resumida ====
==== Descripción resumida ====


<div class="wcag-info-criterio"> Las imágenes decorativas no deben ser leídas por los lectores de pantalla. Para ello, usa <code>alt=""</code> o insértalas con CSS. </div>
<div class="wcag-info-criterio"> Las imágenes decorativas no deben ser leídas por los lectores de pantalla.  
 
Para ello, usa <code>alt=""</code> o insértalas con CSS. </div>


==== Objetivo ====
==== Objetivo ====
Línea 51: Línea 53:
==== Referencias WCAG ====
==== Referencias WCAG ====


<div class="wcag-info-criterio"> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/html/H67 Técnica H67 – Texto alternativo nulo para imágenes decorativas]</span> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/css/C9 Técnica C9 – Uso de CSS para imágenes decorativas]</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>
==== Ejemplo ====
* <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/html/H67 Técnica H67 – Texto alternativo nulo para imágenes decorativas]</span> * <span lang="en">[https://www.w3.org/WAI/WCAG22/Techniques/css/C9 Técnica C9 – Uso de CSS para imágenes decorativas]</span> </div>
 
<div class="wcag-info-criterio"> <pre class="wcag-codigo-html"> <img src="separador.gif" alt=""> </pre> </div>
 
 


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

Revisión del 09:03 22 oct 2025

1.1.1-K. Imágenes decorativas

  • 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 baja visión Personas con baja visión - Barera moderada
  • Icono discapacidad cognitiva Personas con discapacidad cognitiva – Barrera leve


Descripción y comprensión del criterio

Descripción resumida

Las imágenes decorativas no deben ser leídas por los lectores de pantalla. Para ello, usa alt="" o insértalas con CSS.

Objetivo

Reducir distracciones y ruido visual o auditivo innecesario.

Importancia de cumplir el criterio

Si un lector de pantalla lee imágenes decorativas, se interrumpe la comprensión del contenido.

Referencias WCAG

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. Seleccionar Images – Display alt attributes.

Paso 3. Verificar que los contenidos de esta categoría (audio, vídeo, multimedia, tests o ejercicios que podrían ser inválidos si se muestran como texto, o contenido cuya función principal es producir una experiencia sensorial específica) disponen de una alternativa textual adecuada (una etiqueta descriptiva breve)

Ejemplo

 
<img src="test_musical.jpg" alt="Ejercicio: Identificar notas musicales">

Otras herramientas de evaluación

Herramienta de inspección con un Bookmarklet

Al mostrar la información con el bookmarklet, comprobar que el texto de cada imagen corresponde a la imagen.

Arrastra este botón a tu barra de marcadores: Haz clic para ver los textos alternativos de las imágenes

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 el texto alternativo de imagenes sensoriales .

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