Hilfe-Center
Home Websites & Shops MyWebsite Now

Farbkontraste

Gültig für MyWebsite Now.

Kontrast, bzw. das Kontrastverhältnis, ist der Helligkeitsunterschied zwischen aneinander grenzende Farben, z.B. Text- und Hintergrundfarbe. Für Menschen mit eingeschränktem Sehvermögen oder auch in Situationen mit schlechten Lichtverhältnissen ist es wichtig, dass dieser Wert ausreichend groß ist. Dieser Artikel erklärt Ihnen, wie Sie Farben in Ihrem MyWebsite Now-Projekt anpassen, um diese Anforderung des Barrierefreiheitsstärkungsgesetz (BFSG) zu erfüllen.

Achtung

IONOS bietet keine Rechtsberatung an und übernimmt keine Gewähr für inhaltliche Vollständigkeit und Richtigkeit dieses Artikels. Bei speziellen Fragen wenden Sie sich an Ihren Rechtsbeistand.

Empfehlungen zu Farbkontrast und Barrierefreiheit

  • Das Kontrastverhältnis wird als Verhältnis ausgedrückt, wobei der hellere Wert durch den dunkleren geteilt wird. Das Ergebnis liegt zwischen 1:1 (kein Kontrast) und 21:1 (maximaler Kontrast).

  • Für barrierefreie Webinhalte definieren die WCAG zwei Mindestanforderungen: Für normalen Text ist ein Kontrastverhältnis von mindestens 4,5:1 erforderlich, für Texte mit großer Schriftgröße mindestens 3:1. 

  • Für Grafiken und Komponenten der Benutzeroberfläche, wie z.B. Eingabefelder oder Platzhalter, sollte das Kontrastverhältnis mindestens 3.1. sein.

  • Es gibt zahlreiche Browser-Erweiterungen oder Websites, um Ihr MyWebsite Now-Projekt zu überprüfen. Auf den Seiten der W3C Web Accessibility Initiative (WAI) finden Sie eine Auflistung von Test-Tools zur Barrierefreiheit.

Kontrastintensität in MyWebsite Now erhöhen

  • Öffnen Sie den MyWebsite Now-Editor, wie im Hilfe-Center-Artikel “Aufrufen MyWebsite Now-Editor” beschrieben.

  • Klicken Sie in der Menüleiste des MyWebsite Now-Editors auf Design > Farbe .

  • Scrollen Sie im Farb-Menü ganz nach unten zum Abschnitt Kontrast-Intensität und wählen Sie einen der verfügbaren Werte. 

  • Überprüfen Sie Ihre Einstellungen mit einem Test-Tool. Eine Bezugsquelle für Test-Tools finden Sie im vorherigen Abschnitt “Farbkontrast und Barrierefreiheit”.

Farbpaletten anpassen in MyWebsite Now

  • Öffnen Sie den MyWebsite Now-Editor, wie im Hilfe-Center-Artikel “Aufrufen MyWebsite Now-Editor” beschrieben.

  • Klicken Sie in der Menüleiste des MyWebsite Now-Editors auf Design > Farbe .

  • Klicken Sie im Farb-Menü auf den Reiter Benutzerdefinierte. 

  • Legen Sie die Akzente der Farbpalette einzeln fest, um so höhere Kontraste zu haben. Wählen Sie Farben, die sich nicht zu ähnlich sind.

Weiterführende Informationen

Im Hilfe-Center-Artikel “Übersicht Barrierefreiheit und MyWebsite Now” finden Sie weitere Informationen, wie Sie Ihr MyWebsite Now-Projekt barrierefrei gestalten. 

Inhalt