Principio 1/1.1 Texto Alternativo/1.1.1-C

De WCAG Wiki

1.1.1- C. Imágenes CSS solo 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 - Barrera moderada


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