SVG grafika bez textové alternativy

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

Co to znamená a proč na tom záleží

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

Jak opravit

Doplňte do SVG <title> nebo aria-label; dekorativní SVG skryjte pomocí aria-hidden="true".

Příklad kódu

Před

<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šechny chyby přístupnosti