- 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
Personas con baja visión - Barrera moderada
Diferencia entre revisiones de «Principio 1/1.1 Texto Alternativo/1.1.1-C»
De WCAG Wiki
Sin resumen de edición |
Sin resumen de edición |
||
| Línea 30: | Línea 30: | ||
</html> | </html> | ||
==== Referencias WCAG ==== | |||
<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> | |||
</div> | |||
=== Evaluación del criterio === | === Evaluación del criterio === | ||
Revisión del 01:28 22 oct 2025
1.1.1- C. Imágenes CSS solo decorativas
Referencias WCAG
Evaluación del criterio
Tipo de comprobación
Comprobación Semiautomática
Procedimiento de evaluación
Paso 1. Usa la herramienta de Web Developer Toolbar.
Paso 2. Seleccionar Images – Outline images without alt attributes y comprobar la página. Si hay alguna imagen resaltada, es un error y debe proporcionársele un atributo “alt”.
Paso 3. Seleccionar Images – Display alt attributes. Verificar que el texto alternativo se ajusta a la imagen. (Consulta la sección de Recursos de apoyo)
Ejemplo
El texto alternativo de la imagen se muestra en el atributo alt
<img src="imagen.jpg" alt="texto de la imagen">
Herramientas recomendadas
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 imagenes
