Redakcja SAT 
Spis treści
Website-Betreiber sollten auf einen häufigen Fehler achten, der bei der Gestaltung einer Website auftritt. Dieser Fehler ist eine häufige Ursache für digitale Ausgrenzung. Es geht um den Kontrast zwischen Text und Hintergrund. Ist dieser zu gering, kann der Inhalt unlesbar werden, insbesondere für ältere Menschen und Menschen mit Sehbehinderungen. Wie kann man den Kontrast auf einer Website überprüfen und ihn an die WCAG-Richtlinien anpassen?
Übersetzt mit DeepL.com (kostenlose Version)
Kontrast – WCAG regelt dessen Stärke
Gemäß den neuesten WCAG 2.2-Richtlinien sollte der Kontrast von der Schriftgröße abhängig sein. Für normalen Text beträgt der Mindestkontrastfaktor 4,5:1, während für größeren Text (z. B. 14 Punkt in Fettdruck oder 18 Punkt in Standardschrift) ein Kontrast von 3:1 ausreicht. Der Kontrast von 3:1 gilt auch für alle Arten von grafischen Inhalten wie Infografiken, Bilder, Banner oder Schaltflächen.
Die Verpflichtung zur Einhaltung der genannten Richtlinien gilt nicht für das Logo und andere Elemente der visuellen Identität. Gleiches gilt für Texte und Grafiken, die eine dekorative Funktion haben, nicht zur aktiven Benutzeroberfläche der Website gehören oder Teil eines anderen grafischen Elements sind.
Wenn eine Website aufgrund ihrer visuellen Gestaltung die oben genannten WCAG-Richtlinien nicht erfüllt, sollte sie die Möglichkeit bieten, die Farben zu ändern. Zu den Optionen können auch Versionen mit hohem Kontrast gehören.
Hochkontrastreiche Version der Website – welche Farben?
Die beliebteste und effektivste Variante für hohen Kontrast auf einer Website ist die Kombination aus schwarzem Hintergrund und gelbem Text. Diese Kombination sorgt für maximale Sichtbarkeit und minimiert das Risiko von Augenermüdung.
Die Farbanpassung in der kontrastreichen Version sollte die Bedürfnisse verschiedener Sehbehinderungen berücksichtigen. Daher sollte die Hinzufügung weiterer Farboptionen in Betracht gezogen werden, wie beispielsweise ein weißer Hintergrund mit schwarzem Text (höchstmöglicher Kontrast). – 21:1). Vielleicht damit es für manche Nutzer komfortabler ist.
Warum ist Kontrast so wichtig?
Ein angemessener Kontrast ermöglicht ein klares Lesen des Textes und eine einfachere Navigation auf der Website. Menschen mit Farbsehstörungen haben Schwierigkeiten, die Elemente der Website zu unterscheiden, wenn der Kontrast zu gering ist. Hoch Der Kontrast auf der Website verbessert die Lesbarkeit und reduziert die Belastung der Augen, was auch für ältere Menschen von Bedeutung ist.
Wie überprüft man den Kontrast auf einer Website?
Es lohnt sich, Online-Tools zu nutzen, mit denen Sie den Kontrast auf einer Website bewerten können. Eines davon ist unsere SAT-Plattform, die alle Elemente der Website analysiert und auf potenzielle Probleme hinweist. Im Zusammenhang mit WCAG-Kontrast enthält präzise Richtlinien – das Programm hat Zugriff darauf und kann selbst überprüfen, ob die Domain diese erfüllt. Es überprüft die Schriftgröße und den Hintergrund und hilft bei der Anpassung des Kontrasts, wenn Unregelmäßigkeiten festgestellt werden.
Wie kann man den Kontrast auf der Website ändern?
Um den Kontrast einer Website ändern zu können, muss deren Betreiber diese Option zur Verfügung stellen. Die Funktion muss leicht zugänglich sein – in der Regel in Form von Kacheln oder Schaltflächen, die im oberen Bereich der Seite angezeigt werden. Durch Anklicken einer solchen Kachel kann der Benutzer die gewünschte Farbversion auswählen. Die Website sollte dann automatisch die Farbtöne ändern.
Kacheln zum Ändern des Kontrasts
Wo sollte man noch auf den Kontrast achten?
Es lohnt sich, nicht nur auf den Kontrast auf Websites zu achten. Gemäß dem Gesetz über digitale Barrierefreiheit vom 4. April 2019 sollten auch Inhalte, die in sozialen Medien und mobilen Anwendungen bereitgestellt werden, sowie Dokumente, die auf Websites veröffentlicht werden, einen angemessenen Kontrast aufweisen.
Durch die Verwendung eines angemessenen Kontrasts zwischen Text und Hintergrund auf der Website werden ältere Menschen und Nutzer mit Sehbehinderungen nicht ausgeschlossen. Sie sollten Ihre Website daher unter diesem Gesichtspunkt analysieren und gegebenenfalls mehrere Kontrastversionen zur Auswahl hinzufügen.
