Was diese Regel prüft
Stellt sicher, dass <select> Elemente einen zugänglichen Namen (accessible name) besitzen.
Warum das wichtig ist
WCAG 4.1.2 verlangt, dass Auswahlmenüs einen zugänglichen Namen haben.
So beheben Sie es
- Ergänzen Sie ein mit dem Select verknüpftes <label> oder ein aria-label wie aria-label="Sort by".
So prüfen Sie die Korrektur
- Scannen Sie die Kollektions- und Produktseiten erneut.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel select-name in einem echten Chrome-Browser auf jeder getesteten Seite aus und meldet jedes fehlerhafte Element mit seiner Seite, seinem Markup und, wo zutreffend, einem Screenshot.
Ein automatisierter Test bestätigt, dass genau dieses Problem vorliegt. Ob der Rest der Seite barrierefrei ist, kann er nicht beurteilen: Manche Barrieren zeigen sich erst, wenn ein Mensch die Seite prüft.