Links müssen vom umgebenden Text auf eine Weise unterschieden werden können, die nicht allein auf Farbe beruht.

Warum es diese Prüfung gibt

Etwa einer von zwölf Männern hat eine Farbsehschwäche. Ein Status, der nur Rot gegen Grün unterscheidet, ist für sie unsichtbar — und für alle, die in Graustufen drucken.

Was sie üblicherweise auslöst

• fällt durchPflichtfelder, die nur an einer roten Beschriftung zu erkennen sind.
• fällt durchEine Diagrammlegende, die sich nur über die Linienfarbe unterscheidet.
• fällt durchLinks im Fließtext ohne Unterstreichung, unterschieden allein durch Farbe.

So beheben Sie es

• tunErgänzen Sie ein zweites Signal: ein Icon, ein Wort, ein Muster, eine Unterstreichung.
• tunBei Links im Text die Unterstreichung behalten — oder 3:1 Kontrast zum umgebenden Text *und* einen Hinweis ohne Farbe bei Hover und Fokus sicherstellen.

Wie es gemeldet wird

A11ySignal meldet das mit der Schwere schwerwiegend. Jedes fehlerhafte Element kommt mit seinem CSS-Selektor und dem Markup, das durchgefallen ist — Sie kommen also direkt zur Zeile, statt sie zu suchen. Deque veröffentlicht die Details auf Engine-Ebene:

https://dequeuniversity.com/rules/axe/4.13/link-in-text-block ↗

Prüfung umgesetzt in axe-core 4.13.0, © Deque Systems, MPL-2.0.