Listy rozwijane bez etykiet

Komunikat w axe i Lighthouse: Element select musi mieć dostępną nazwę. · select-name · WCAG 4.1.2

Co to oznacza i dlaczego jest ważne

Wybór rozmiaru, koloru czy kraju bez etykiety nie może zostać rozpoznany przez technologie wspomagające (WCAG 4.1.2).

Dodaj <label> lub aria-label do każdego <select>.

<select name="size"><option>S</option><option>M</option></select>

<label for="size">Size</label>
<select id="size" name="size"><option>S</option><option>M</option></select>

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