Imágenes sin texto alternativo

WCAG 1.1.1 (A) · EN 301 549 9.1.1.1

Hay imágenes sin atributo alt.

Por qué importa

Un lector de pantalla no puede describir una imagen que no lleva texto alternativo: lee el nombre del archivo o directamente la salta. En una ficha de producto eso significa que la persona no sabe qué está comprando.

El alt también es lo que Google usa para indexar tus imágenes. Es la única corrección de esta lista que además te trae tráfico.

Cómo se arregla

Añade un alt que describa lo que aporta la imagen. Si es puramente decorativa, pon alt="" (vacío, no ausente) para que el lector de pantalla la ignore. La diferencia importa: sin atributo se lee el archivo; con el atributo vacío se salta.

<img src="/camiseta-arena-01.jpg">

<img src="/camiseta-arena-01.jpg"
     alt="Camiseta de algodón orgánico color arena, vista frontal">

<!-- Imagen decorativa: alt vacío, no ausente -->
<img src="/adorno.svg" alt="">

En tu plataforma

• Shopify

  En Productos › Multimedia, haz clic en una imagen y edita «Texto alternativo». Para las imágenes del tema, en el editor de temas cada bloque de imagen tiene su campo de texto alternativo.

• WooCommerce

  En Medios, selecciona la imagen y rellena «Texto alternativo». Se aplica en todas las fichas donde aparezca.

• PrestaShop

  En Catálogo › Productos › Imágenes, el campo «Leyenda» genera el alt.

• WordPress

  Medios › Biblioteca, selecciona la imagen y rellena «Texto alternativo».

Relacionado

• Texto alternativo sin información
• Botón de imagen sin texto alternativo
• Zona de mapa de imagen sin nombre
• Icono SVG con significado pero sin nombre