WCAG 4.1.2 · poziom A

Przyciski muszą mieć odróżniający je tekst nazwy

Niektóre przyciski nie mają dostępnej nazwy, więc osoby korzystające z czytników ekranu słyszą tylko „przycisk”.

Co sprawdza ta reguła

Każdy przycisk ma odróżniającą go dostępną nazwę.

Dlaczego to ważne

WCAG 4.1.2 wymaga, aby każdy element sterujący miał nazwę. Wśród przycisków bez nazw często są przyciski zmiany ilości, przyciski zamykania i strzałki suwaków.

Jak to naprawić

  1. Znajdź przyciski bez nazwy, zwykle takie, które pokazują tylko ikonę.
  2. Dodaj widoczny tekst, tekst ukryty wizualnie lub atrybut aria-label, który mówi, co robi przycisk (np. aria-label="Close" lub aria-label="Increase quantity").

Jak sprawdzić poprawkę

  • Przeskanuj ponownie podstrony, których to dotyczy.
  • Sprawdź przyciski za pomocą czytnika ekranu.

Jak FixReports to wykrywa

Nasz skan uruchamia regułę axe-core button-name 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.