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 un elemento <title> o un nombre accesible ARIA (un elemento <desc> por sí solo no cuenta).

Á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 cuyo atributo role se resuelve en presentation o none (el primer token de rol conocido, sin distinguir mayúsculas de minúsculas) 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 nombre accesible (atributo aria-label / aria-labelledby / title).

Cuenta el primer hijo <title>, en cualquier posición entre los hijos, tal como lo lee SVG-AAM. Un hijo <desc> no cuenta: SVG-AAM lo asigna a la descripción accesible, nunca al nombre, como lo entiende svg-text-alternative-present.

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> ni nombre ARIA (la etiqueta del <svg> exterior no se le transfiere, y un <desc> lo describiría, no lo nombraría).

Ver código fuente