svg-text-alternative-quality

La alternativa textual de <svg> debe ser adecuada (revisión manual)

manualWCAG 1.1.1 (A)confianza: mediumgravedad: minorperceivable

Marca los gráficos <svg> aplicables con una alternativa textual detectada para que una persona evalúe si es adecuada.

Ámbito de aplicación. Se aplica a los elementos <svg> en línea que ya llevan una alternativa textual: texto <title> o <desc> no vacío, un aria-label no vacío, o un aria-labelledby que resuelve a texto no vacío. <desc> cuenta aquí como algo que revisar aunque nunca contribuya al nombre accesible: esa distinción corresponde a svg-text-alternative-present. El elemento debe estar incluido en el árbol de accesibilidad, y role="presentation"/"none" lo saca de alcance salvo que sea enfocable, lo que restaura su rol.

Resultado esperado. Se requiere revisión manual para confirmar que la alternativa textual proporcionada es precisa y adecuada.

Ejemplos

can't tell
<svg role="img" viewBox="0 0 24 24"><title>Growth chart</title><path d="M0 0h24v24H0z"/></svg>

Hay un `<title>` presente. Conviene confirmar que "Growth chart" describe lo que el gráfico muestra, no solo que es un gráfico.

n/a
<svg role="img" viewBox="0 0 24 24"><path d="M0 0h24v24H0z"/></svg>

No hay texto `<title>`/`<desc>`, aria-label, ni aria-labelledby resuelto que revisar; eso es un fallo de `svg-text-alternative-present`, no de esta regla.

Reglas relacionadas

Ver código fuente