WordPress-Kontraste bei Text und Bedienung prüfen

WordPress-Praxiswissen · Zugänglichkeit

Kurz erklärt

Sehr helle Schrift kann auf einem großen Bildschirm elegant wirken und im Alltag schwer lesbar sein. Kontraste sollten am tatsächlichen Hintergrund geprüft werden.

Gemeinsame Planung von Website-Inhalten am Laptop — Anforderungen klären, Umsetzung planen, Ergebnis prüfen.

Vorgehen und Einordnung

Betrachten Sie normalen Text, Links, Buttons, Formularhinweise und Fokusmarkierungen getrennt. Hintergrundfotos und wechselnde Flächen können die Lesbarkeit verändern. Nutzen Sie geeignete Prüfwerkzeuge und berücksichtigen Sie den jeweiligen Anforderungskontext, statt nur nach persönlichem Farbeindruck zu entscheiden. Informationen sollten nicht ausschließlich durch Farbe vermittelt werden. Eine Fehlermeldung braucht beispielsweise auch einen verständlichen Text.

Checkliste für die Umsetzung

Relevante Vordergrund- und Hintergrundkombinationen erfassen.
Normale, aktive und fokussierte Zustände der Bedienelemente prüfen.
Probleme gezielt im Design korrigieren und danach erneut kontrollieren.

Veranschaulichendes Beispiel

Ein gelber Button mit weißer Schrift kann schwer lesbar sein. Dunkler Text auf derselben gelben Fläche kann eine bessere Ausgangslage bieten; die konkrete Kombination muss trotzdem geprüft werden.

Typischer Stolperstein

Ein bestandener Test für den Fließtext bestätigt nicht automatisch die Lesbarkeit aller Buttons und Hinweise.

So prüfen Sie das Ergebnis

Wichtige Inhalte und Zustände bleiben in den geprüften Ansichten deutlich erkennbar.

Offizielle weiterführende Dokumentation: W3C WAI: Easy Checks. Die konkrete Bedienung hängt von Theme, Erweiterungen und Version Ihrer Website ab.

Comments are closed.