svg-image-text-alternative-present

El <image> de SVG debe tener una alternativa textual

automaticWCAG 1.1.1 (A)confianza: mediumgravedad: seriousperceivable

Comprueba que los elementos <image> de SVG proporcionan una alternativa textual mediante <title>/<desc> o un nombre accesible ARIA.

Ámbito de aplicación. Se aplica a los elementos <image> de SVG que se exponen a las tecnologías de asistencia. Los elementos que de otro modo estarían ocultos del árbol de accesibilidad siguen siendo aplicables si son enfocables mediante tabulación o si se referencian mediante relaciones IDREF (según las comprobaciones de elegibilidad del motor). Los elementos <image> de SVG con role="presentation" o role="none" solo se excluyen cuando no son enfocables.

Resultado esperado. Cada elemento <image> de SVG aplicable tiene una alternativa textual mediante:

  • un hijo directo <title> no vacío, O
  • un hijo directo <desc> no vacío, O
  • un nombre accesible (atributo aria-label / aria-labelledby / title).

Ejemplos

pass
<svg width="40" height="24">
<image href="logo.png"><title>Logo</title></image>
</svg>

Un `<title>` dentro del `<image>` de SVG proporciona la alternativa.

fail
<svg width="40" height="24" aria-label="container">
<image href="logo.png"></image>
</svg>

El propio `<image>` no tiene `<title>`/`<desc>`/nombre ARIA (la etiqueta del `<svg>` exterior no se le transfiere).

Ver código fuente