Rozbalovací seznamy bez popisku

Hlášení v axe a Lighthouse: Select element must have an accessible name · select-name · WCAG 4.1.2

Co to znamená a proč na tom záleží

Výběr velikosti, barvy nebo země bez popisku asistivní technologie nerozpoznají (WCAG 4.1.2).

Jak opravit

Každému <select> dejte <label> nebo aria-label.

Příklad kódu

Před

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

Po

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

Všechny chyby přístupnosti