Escaneo gratis

Corregir «Imagen SVG sin alternativa textual» en HTML

Por qué es un problema

Un <svg role="img"> sin <title> ni aria-label se anuncia como una imagen anónima.

Cómo corregirlo — HTML

Añada un <title> referenciado con aria-labelledby, o aria-label; si es decorativo, aria-hidden="true".

Evitar
<svg role="img" viewBox="0 0 24 24">
  <path d="…"/>
</svg>
Correcto
<svg role="img" viewBox="0 0 24 24" aria-labelledby="logo-titre">
  <title id="logo-titre">Conformly</title>
  <path d="…"/>
</svg>

<!-- Décoratif : -->
<svg aria-hidden="true" focusable="false" viewBox="0 0 24 24"><path d="…"/></svg>

Compruebe su sitio en 30 segundos

Conformly detecta este tipo de problema en todas sus páginas, de forma continua, y le avisa en cada regresión.

Escaneo gratis

Otras correcciones