Co sprawdza ta reguła
Element select ma dostępną nazwę.
Dlaczego to ważne
WCAG 4.1.2 wymaga, aby listy wyboru miały dostępną nazwę.
Jak to naprawić
- Dodaj element <label> powiązany z listą wyboru albo atrybut aria-label, np. aria-label="Sort by".
Jak sprawdzić poprawkę
- Przeskanuj ponownie strony kolekcji i produktów.
Jak FixReports to wykrywa
Nasz skan uruchamia regułę axe-core select-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.