SVG grafika bez textovej alternatívy

Hlásenie v axe a Lighthouse: <svg> elements with an img or image role must have alternative text · svg-img-alt · WCAG 1.1.1

Čo to znamená a prečo na tom záleží

SVG ikony s role="img" bez názvu sa ohlásia bez významu (WCAG 1.1.1).

Ako opraviť

Doplňte do SVG <title> alebo aria-label; dekoratívne SVG skryte pomocou aria-hidden="true".

Príklad kódu

Pred

<svg role="img" viewBox="0 0 24 24"><path d="…"/></svg>

Po

<svg role="img" aria-labelledby="t1" viewBox="0 0 24 24"><title id="t1">Secure payment</title><path d="…"/></svg>

Všetky chyby prístupnosti