Grafiki SVG bez tekstu alternatywnego

Komunikat w axe i Lighthouse: Elementy svg z rolą img muszą mieć tekst alternatywny. · svg-img-alt · WCAG 1.1.1

Co to oznacza i dlaczego jest ważne

Ikony SVG z role="img" bez nazwy są odczytywane bez znaczenia (WCAG 1.1.1).

Dodaj <title> w SVG lub aria-label; ukryj dekoracyjne SVG za pomocą aria-hidden="true".

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

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

Przetestuj za darmo dowolną stronę — wynik w kilka sekund, z instrukcjami naprawy.