Vad regeln kontrollerar
Säkerställ att select-element har ett tillgängligt namn.
Därför spelar det roll
WCAG 4.1.2 kräver att rullgardinsmenyer har ett tillgängligt namn.
Så åtgärdar du det
- Lägg till en <label> som är kopplad till select-elementet, eller ett aria-label som aria-label="Sort by".
Så kontrollerar du åtgärden
- Skanna kollektions- och produktsidorna igen.
Så hittar FixReports det
Vår skanning kör axe-core-regeln select-name i en riktig Chrome-webbläsare på varje sida den testar och rapporterar varje felande element med sida, kod och, där det är relevant, en skärmbild.
Ett automatiskt test bekräftar att just det här problemet finns. Det kan inte avgöra om resten av sidan är tillgänglig: vissa hinder syns först när en människa granskar sidan.