Inhalt gestalten
Kontrastverhältnis
Die Navigation durch Online-Inhalte sollte einfach sein. Sicherzustellen, dass wichtige Links auffallen, hilft den Nutzern dabei, schneller das zu finden, was sie brauchen.
Ein zu geringer Kontrast kann dazu führen, dass wichtige Informationen schwer zu erkennen sind - das kann frustrierend sein. Links sollten immer klar sichtbar sein, egal ob im Text oder alleinstehend.
Brauchen Sie Hilfe? Sehen Sie sich unsere Best Practices für Link-Kontraste an, um Lesbarkeit und Zugänglichkeit zu verbessern.
Weitere kostenlose Tools erkunden
Vollständige Suite von Website-Barrierefreiheits-Tools zum Testen, Überwachen und Verbessern der Barrierefreiheit Ihrer Website
Barrierefreiheitsprüfer
Prüfen Sie, ob Ihre Website barrierefrei ist und den WCAG-Standards entspricht.
Web-Barrierefreiheitsüberwachung
Verfolgen Sie die Barrierefreiheit im Laufe der Zeit. Weisen Sie Korrekturen zu, arbeiten Sie mit Ihrem Team zusammen.
Kostenloses Barrierefreiheits-Widget
Fügen Sie unser kostenloses Barrierefreiheits-Widget mit Text-, Kontrast- und Tastatur-Tools hinzu.
Text-Kontrastprüfer
Prüfen Sie, ob Ihr Text ausreichend Kontrast hat und den WCAG-Standards entspricht.
Bild-Kontrastprüfer
Prüfen Sie, ob der Text auf Ihrem Bild den WCAG-Kontrast erfüllt.
WCAG-Konformität für Links
Ein ausreichender Kontrast bei Links ist für die Lesbarkeit entscheidend. Berücksichtigen Sie sowohl die Abhebung vom Hintergrund als auch die visuelle Unterscheidung zum umgebenden Text.
Kostenloser Barrierefreiheits-Check für Ihre Website
Prüfen Sie mehr als nur den Kontrast - scannen Sie Ihre Website direkt auf WCAG-Probleme.
Häufige Fehler beim Linkkontrast
-
Ein Link kann gut sichtbar erscheinen, aber ein zu geringer Kontrast erschwert die Wahrnehmung für sehbehinderte Nutzer. Das Minimum beträgt 4.5:1 zum Hintergrund, oder 3:1 zum Fließtext, wenn nur Farbe verwendet wird.
-
Fettdruck verbessert die Lesbarkeit, ersetzt aber nicht den erforderlichen Kontrast. Auch fetter Text muss sich deutlich genug vom Textumfeld abheben.
-
Eine Unterstreichung hilft, ist aber nicht immer ausreichend. Wenn nur Farbe den Unterschied ausmacht, sind zusätzliche visuelle Hinweise erforderlich.
-
Vermeiden Sie Kontrasteinbrüche bei Hover- oder Fokuszuständen. Auch während der Interaktion muss der Link gut sichtbar bleiben.
-
Designs, die bei Tageslicht gut lesbar sind, können in dunkler Umgebung versagen. Testen Sie Ihre Inhalte unter verschiedenen Lichtverhältnissen.
Danke für Ihr Feedback 😊
Das tabnav-Team freut sich über Ihr Feedback und arbeitet kontinuierlich an Verbesserungen.
War diese Seite hilfreich?