Seite 4 von 4
Farbschema 3: Kontrastreich & barrierearm
(Information, Behörden, Schulung)
| Bereich | Farbwert | Farbname |
|---|---|---|
| Hintergrund | #ffffff | Weiß |
| Text | #000000 | Schwarz |
| Überschriften | #003366 | Dunkelblau |
| Links | #0056b3 | Mittelblau |
| Hover | #003d80 | Dunkelblau |
CSS-Beispiel
body {
background-color: #ffffff; /* Weiß */
color: #000000; /* Schwarz */
}
h1, h2, h3 {
color: #003366; /* Dunkelblau */
}
a {
color: #0056b3; /* Mittelblau */
}
a:hover {
color: #003d80; /* Dunkelblau */
}
Warum gut?
sehr gute Lesbarkeit, barrierearm, prüfungssicher.