Digitale Barrierefreiheit Lernmodul FH Aachen
Farben-Kontraste
Auf dieser Seite wird die Verwendung der FH Aachen Designfarben beschrieben.
Hohe Farbkontraste wählen
Beachten Sie in allen Gestaltungsbereichen bei der Wahl von Farben eine möglichst hohe Kontrastwirkung.
Beachten Sie auch Farbkontraste bei Diagrammen, Grafiken und Karten.
In Office-Dokumenten finden Sie hierzu Prüfmöglichkeiten (siehe Absatz Office-Dokumente).
Auf der Webseite https://contrastchecker.online können Sie die WCAG-Anforderungen prüfen.
Auf der Webseite https://contrastchecker.online können Sie die WCAG-Anforderungen prüfen.
FH Aachen Farben für Monitor-/Webdarstellung
Zum Corporate Design der FH Aachen gehören die Logofarben:
- Mint (Webfarbe #00b1ac)
- Weiß (#ffffff)
- Schwarz (#000000)
weitere CD-konforme Farben:
Grauwerte:
Grauwerte:
Mint-Schattierungen (mit Schwarz abgedunkelt):
Die Links zu den Webfarben öffnen die Seite www.html-color.org mit der jeweiligen Farbe und den Farbwerten (verschiedene Farbmodelle).
Die hier vorgestellten Webfarben sind (leicht zu merkende) Annäherungen an die Druckfarben.
Die hier vorgestellten Webfarben sind (leicht zu merkende) Annäherungen an die Druckfarben.
Vorder-/Hintergrundfarbe CD-konform und barrierefrei anwenden
Standard (Barrierefreiheit) gibt es bei diesen Farbkombinationen:
Hintergründe für Vordergrund Schwarz (Schrift, Grafik):
- Weiß
- FH Aachen Mint
- Grauwerte 10% Schwarz und 25% Schwarz
Hintergründe für Vordergrund Weiß (Schrift, Grafik):
- Schwarz
- FH Aachen Mint
- Grauwert 75% Schwarz
Hintergründe für Vordergrund FH Aachen Mint (Schrift, Grafik):
- Schwarz
- Weiß nur bei Mint-Schattierung min. +50% Schwarz, besser +75% Schwarz
FH-Mint und Weiß ist digital nicht ausreichend kontrastreich!
Mint auf Weiß (und umgekehrt) ist nicht ausreichend kontrastreich und sollte nicht verwendet werden. Ausnahmen können nur für sehr große Schrift (Titel) und Schmuckelemente gemacht werden.
Farbkontrastmessung mit Color Contrast Analyser
Vergleich der Webfarben (HEX-Werte) FH Aachen Mint (#00b1ac) vs. Mint mit 50% Schattierung (#006666)
FH Aachen Mint ist auf weißem Untergrund nicht barrierefrei.
FH Aachen Mint ca. 50% abgedunkelt ist barrierefrei.
Farbkarte FH Aachen Designfarben richtig verwenden