Ausreichender Kontrast zwischen den Farben von Text und Hintergrund ist entscheidend dafür, dass ein Wiki gut lesbar ist. Sowohl für Besucher mit Sehschwierigkeiten als auch die mit besten Augen kann mangelnder Kontrast ein Grund sein, schnell mit dem Lesen einer Webseite aufzuhören. Diese Seite hat das Ziel, dir zu ermöglichen, dein Wiki so zu gestalten, dass möglichst viele Menschen dein Wiki – ohne Kopfschmerzen – lesen können.
Kontrastverhältnisse[]
Wie bekommt man also einen höheren Kontrast in ein Wiki? Einfach: Kontrastverhältnisse (contrast ratios, CR).
Alles, was man braucht, ist ein Contrast Analyzer, wie zum Beispiel:
Standards einhalten[]
Es gibt zwei Webstandards: AA und AAA. Alle Contrast Analyzer zeigen dir an, wenn ein Standard erfüllt ist. AA sollte beim Kontrast zwischen Hintergrund- und Textfarben immer erfüllt sein[1]. Versuche wann immer möglich auch den höheren AAA-Standard zu erreichen, damit einem möglichst breiten Leserkreis geholfen ist[2].
Um den AA-Standard zu erfüllen, muss auch auf den Kontrast von grafischen Elementen wie Symbolen geachtet werden, die zum Verständnis des Wiki-Inhalts erforderlich sind[3].
Größe zählt[]
Nur der ganz große Text erfüllt ganz knapp AA, diese Kombination sollte nicht verwendet werden.
Größere Buchstaben benötigen keine sehr hohen Kontrastverhältnisse, um gut lesbar zu sein. Aus diesem Grund können bei Abschnittsüberschriften in der Regel etwas mehr Freiheiten genommen werden als beim normalen Artikeltext.
Im Allgemeinen verraten dir alle Contrast Analyzer, ob der erreichte Kontrast nur für großen Text gilt. Wenn dort nicht large steht, bedeutet dies normalerweise, dass der Kontrast sowohl für großen als auch für normalen Text reicht.
Auch beim Logo sollte auf den Kontrast geachtet werden, oft ist die Schrift im Logo aber so groß, dass bereits ein dunkler Rand oder Textschatten ausreichen, um Logotext gut lesbar zu machen.
Tipps[]
Diese Tipps helfen, das Ziel der Einhaltung der W3C-Standards zu erreichen und mehr Benutzern Spaß beim Lesen in deinem Wiki zubereiten.
- Der AA-Standard muss immer erfüllt sein – und es sollte immer versucht werden AAA zu erreichen.
- Contrast Analyzer richtig benutzen und ablesen. Mache die Tests mit der Schriftgröße, die du auch im Wiki benutzt.
- Kombiniere keine Farben, die auf dem Farbkreis (auch nur annähernd) gegenüber sind. Besonders schlecht: Rot auf Grün, Cyan auf Rot, Grün auf Magenta, Rot auf Blau, Blau auf Gelb und umgekehrt.
Siehe auch[]
- Hilfe:Nutzern mit Farbenfehlsichtigkeit in deinem Wiki helfen
- User blog:JoePlay/Creating Your Wiki’s Design (englisch)
Einzelnachweise[]
Mehr Hilfe[]
- Ein Stichwortverzeichnis zu verschiedensten Hilfeseiten findest du auf Hilfe:Index.
- Einen geordneten Einstieg zur Hilfe gibt es auf der Seite Hilfe:Übersicht.
- Fragen an andere Benutzer kannst du in den Diskussionen des Community-Wikis stellen.
- Anmerkungen zu dieser Hilfeseite kannst du auf der dazugehörigen Diskussionsseite hinterlassen.
- Um Fehler zu melden, kontaktiere bitte einen Ansprechpartner oder nutze das entsprechende Kontaktformular.