Was diese Regel prüft
Stellt sicher, dass Schaltflächen wahrnehmbaren Text enthalten.
Warum das wichtig ist
WCAG 4.1.2 verlangt, dass jedes Bedienelement einen Namen hat. Buttons ohne Namen sind oft Mengenregler, Schließen-Buttons und Slider-Pfeile.
So beheben Sie es
- Suchen Sie die Buttons, die keinen Namen haben, meist Buttons, die nur ein Icon zeigen.
- Ergänzen Sie sichtbaren Text, visuell versteckten Text oder ein aria-label, das sagt, was der Button tut (zum Beispiel aria-label="Close" oder aria-label="Increase quantity").
So prüfen Sie die Korrektur
- Scannen Sie die betroffenen Seiten erneut.
- Prüfen Sie die Buttons mit einem Screenreader.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel button-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.