Abhebung vom umgebenden Text
Es ist wichtig, dass Verlinkungen klar vom umgebenden Text abgehoben werden. Eine bloße Änderung der Farbe (gemäß WCAG - Use of color (Level A)) reicht allein nicht aus, es sei denn, der Kontrast zum umgebenden Text beträgt mindestens 3:1. Zusätzlich sollte eine weitere Abgrenzung, wie beispielsweise eine Unterstreichung oder eine Outline, bei :hover oder :focus auf der Verlinkung hinzugefügt werden. Damit ist sichergestellt, dass Links deutlich erkennbar sind, was die Benutzererfahrung verbessert.
Kontrast zum Hintergrund
Es ist wichtig, dass der Kontrast zwischen Verlinkungen und ihrem Hintergrund (gemäß WCAG - Contrast (Minimum) (Level AA)) ausreichend ist. Für große Texte sollte der Kontrast mindestens 3:1 betragen, während für kleine Texte ein Kontrast von mindestens 4,5:1 erforderlich ist. Diese klaren Unterschiede zwischen Link und Hintergrund tragen dazu bei, dass unsere Inhalte für alle Nutzer gut sichtbar und leicht zugänglich sind.
Wenn man über die Mindestanforderung hinausgehen möchte, kann man ein Kontrastverhältnis von mindestens 7:1 für normalen Text bzw. 4,5:1 für größeren Text anstreben (gemäß WCAG 1.4.6 - Contrast (Enhanced) (Level AAA)).
Das title-Attribut
Es ist ratsam, das title-Attribut nach Möglichkeit zu vermeiden. Diese Option bietet keine vollständige Zugänglichkeit, da sie beim Vergrößern des Browsers nicht mitwächst und bei Nutzung von Touch oder Tastatur nicht angezeigt wird.
Wenn jedoch der Anwendungsfall das title-Attribut zwingend erfordert, ist es wichtig sicherzustellen, dass der Inhalt sich vom Text der Verlinkung unterscheidet. Dadurch wird eine unnötige Duplizierung vermieden und die Benutzererfahrung verbessert.
Quellen
Die vorherigen Informationen entstammen folgenden Quellen:
Diese Seite wurde am 10.11.2023 erstellt und zuletzt am 05.07.2024 aktualisiert.