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.
Im Tutorial Lesbarkeit Ihrer Website verbessern erfahren Sie mehr über die praktische Umsetzung.
Weitere Informationen erhalten Sie unter: