Hva denne regelen sjekker
Sørg for at select-elementer har et tilgjengelig navn.
Hvorfor det er viktig
WCAG 4.1.2 krever at nedtrekkslister har et tilgjengelig navn.
Slik fikser du det
- Legg til en <label> som er knyttet til select-elementet, eller en aria-label som aria-label="Sort by".
Slik kontrollerer du utbedringen
- Skann kolleksjons- og produktsidene på nytt.
Slik finner FixReports det
Skanningen vår kjører axe-core-regelen select-name i en ekte Chrome-nettleser på hver side den tester, og rapporterer hvert element som feiler, med siden, markupen og, der det er relevant, et skjermbilde.
En automatisk test bekrefter at akkurat dette problemet finnes. Den kan ikke si om resten av siden er universelt utformet: noen barrierer viser seg først når et menneske sjekker siden.