Tipps zu Entwicklertools: Text mit niedrigem Kontrast erkennen und korrigieren
bookmark_borderbookmark
Mit Sammlungen den Überblick behalten
Sie können Inhalte basierend auf Ihren Einstellungen speichern und kategorisieren.
Sofia Emelianova
Text mit geringem Kontrast ist das größte Problem in Bezug auf Barrierefreiheit im Web. Im Februar 2022 war das bei 83, 9% der Startseiten der Top 1 Million der Fall. Weitere Informationen finden Sie im WebAIM Million 2022 Report.
In den Chrome-Entwicklertools können Sie alle Kontrastprobleme auf einen Blick erkennen und mit nur einem Klick beheben.
In diesem Video erfahren Sie, wie Sie:
Kontrastverhältnisse werden in der Kurzinfo im Inspektionsmodus und die empfohlenen Werte für das Verhältnis in der Farbvorlage angezeigt.
Wählen Sie in der Farbvorlage vorgeschlagene Farben aus oder wählen Sie eine Farbe unter den Linien für das Kontrastverhältnis aus, um die WebAIM-Richtlinien einzuhalten.
Alle Kontrastprobleme finden Sie in den Bereichen Preisvergleichsportal – Übersicht und Probleme (Vorabversion).
Sie können Sehschwächen emulieren, um zu sehen, wie Ihre Seite für alle Nutzer aussieht.
[[["Leicht verständlich","easyToUnderstand","thumb-up"],["Mein Problem wurde gelöst","solvedMyProblem","thumb-up"],["Sonstiges","otherUp","thumb-up"]],[["Benötigte Informationen nicht gefunden","missingTheInformationINeed","thumb-down"],["Zu umständlich/zu viele Schritte","tooComplicatedTooManySteps","thumb-down"],["Nicht mehr aktuell","outOfDate","thumb-down"],["Problem mit der Übersetzung","translationIssue","thumb-down"],["Problem mit Beispielen/Code","samplesCodeIssue","thumb-down"],["Sonstiges","otherDown","thumb-down"]],["Zuletzt aktualisiert: 2022-10-19 (UTC)."],[],[]]