WCAG 1.1.1 · poziom A

Elementy svg z rolą img muszą mieć tekst alternatywny

Obraz SVG, który przekazuje informacje, nie ma tekstu alternatywnego.

Co sprawdza ta reguła

Elementy <svg> z rolą img, graphics-document lub graphics-symbol mają dostępny tekst.

Dlaczego to ważne

WCAG 1.1.1 wymaga tekstu alternatywnego dla obrazów niosących treść.

Jak to naprawić

  1. Dodaj aria-label lub element <title> do obrazów SVG niosących treść, a aria-hidden="true" do czysto dekoracyjnych.

Jak sprawdzić poprawkę

  • Przeskanuj ponownie podstrony, których to dotyczy.

Jak FixReports to wykrywa

Nasz skan uruchamia regułę axe-core svg-img-alt w prawdziwej przeglądarce Chrome na każdej testowanej stronie i zgłasza każdy błędny element wraz z podstroną, jego kodem HTML i, tam gdzie ma to zastosowanie, zrzutem ekranu.

Test automatyczny potwierdza, że ten konkretny problem występuje. Nie rozstrzyga, czy reszta strony jest dostępna: niektóre bariery wychodzą na jaw dopiero wtedy, gdy stronę sprawdzi człowiek.

Przeskanuj swoją stronę już dziś

Znajdź. Napraw. Sprawdź.

Jaki to rodzaj strony?

Twoja odpowiedź wybiera właściwe testy, np. ścieżkę zakupową dla sklepów internetowych. Nadal sprawdzamy sygnały samej strony i pokazujemy oba wyniki.

Jaki to rodzaj strony?

Darmowy skan. Bez karty płatniczej.