Was diese Regel prüft
Stellt sicher, dass Links wahrnehmbaren Text beinhalten.
Warum das wichtig ist
WCAG 2.4.4 und 4.1.2 verlangen, dass Links einen zugänglichen Namen haben, der ihren Zweck beschreibt.
So beheben Sie es
- Suchen Sie die Links, die keinen Namen haben. Meist sind es Icons oder Bilder in einem <a>-Tag.
- Fügen Sie im Link visuell versteckten Text ein oder ein aria-label wie aria-label="Instagram" oder aria-label="Cart".
- Umschließt der Link ein Bild, geben Sie stattdessen dem Bild einen aussagekräftigen Alternativtext.
So prüfen Sie die Korrektur
- Scannen Sie erneut und prüfen Sie, dass link-name nicht mehr auftritt.
- Springen Sie bei laufendem Screenreader mit der Tabulatortaste zu jedem Link und hören Sie sich den Namen an.
So findet FixReports das Problem
Unser Scan führt die axe-core-Regel link-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.