Auf deiner Startseite heben sich einige Texte zu wenig vom Hintergrund ab, zum Beispiel hellgrauer Text auf weissem Grund oder weisse Schrift auf einem hellen Bild. Für Menschen mit eingeschränktem Sehvermögen sind solche Texte kaum lesbar, und auch alle anderen haben Mühe, etwa auf dem Handy im Sonnenlicht.
Die Web Content Accessibility Guidelines (WCAG), der internationale Standard für barrierefreie Websites, verlangen für normalen Text ein Kontrastverhältnis von mindestens 4.5:1 zwischen Schrift- und Hintergrundfarbe. Für grossen Text, ab etwa 24 Pixel oder 19 Pixel fett, genügen 3:1. Zum Vergleich: Schwarz auf Weiss hat 21:1, ein mittleres Grau (#777) auf Weiss liegt knapp unter 4.5:1.
Barrierefreiheit ist auch rechtlich ein Thema. Für den Bund schreibt das Behindertengleichstellungsgesetz barrierefreie Websites vor, und viele Kantone und Gemeinden orientieren sich am Standard eCH-0059, der auf den WCAG aufbaut.
Für alle Websites mit Wartungsvertrag lassen wir die Startseite etwa alle drei Tage mit Google Lighthouse prüfen, dem Analysewerkzeug von Google. Die Messung läuft über die Schnittstelle von PageSpeed Insights auf den Servern von Google, in der Desktop-Ansicht. Leitet die Startseite weiter, etwa auf /de/, gilt die Zielseite. Unterseiten prüfen wir nicht, sie verwenden aber meist dieselbe Vorlage und haben oft dieselben Probleme.
Einen Hinweis erhältst du, sobald Lighthouse mindestens einen Text unter dem Mindestkontrast findet. Der Befund nennt bis zu fünf Beispiele mit Schrift- und Hintergrundfarbe und dem gemessenen Kontrast.
Meist genügt es, die Schriftfarbe etwas dunkler oder den Hintergrund heller zu wählen. Liegt der Text auf einem Bild, hilft eine halbtransparente Fläche dahinter. Weil die Farben meist im Stylesheet festgelegt sind, wirkt eine Anpassung auf der ganzen Website. Den Aufwand schätzen wir gerne für dich ab: Offerte anfragen.
.svg)
