Deine Website sieht vielleicht super aus, Du hast Dich für tolle Schriften und Farben entschieden. Aber wie erleben Menschen mit und ohne Behinderungen Deine Website? Finden sie sich auf Deiner Website zurecht? Eine hohe Nutzerfreundlichkeit (Usability) führt automatisch auch zu mehr Nutzer und ein besseres Ranking in den Suchmaschinen.
Hier findest Du einige Punkte, die Du beim Erstellen einer barrierefreien Website beachten solltest.
Wie erstelle ich eine barrierefreie Website?
Hier findest Du wichtige Punkte zur digitalen Barrierefreiheit.
Farben für eine barrierefreie Website:
Die richtigen Farben für eine barrierefreie Website zu finden ist wichtig.
Stellt Euch vor, Ihr gestaltet eine grün/rote Website, Euer User ist aber rot-grün Blind. Er würde die Website nicht so wahrnehmen, wie es von Euch angedacht war. Es gibt noch weitere Augenkrankheiten, die es Menschen schwer macht, die unterschiedlichen Farben zu erkennen. Achtet darauf, dass sich die Farben dahingehend ergänzen, dass allzu große Ähnlichkeiten ausgeschlossen werden.
Die Schriftfarbe sollte sich gut vom Hintergrund abheben. Damit Menschen mit verschiedensten Sehfehlern den visuellen Inhalt der Website gut erfassen können, solltet ihr die Farbkombinationen zuvor auf Accessability (Barrierefreiheit) testen.
Ein gutes Tool zur Kontrolle der Accessibility von Farben findet Ihr bei ColorHexa und Adobe Color
Schriften für eine barrierefreie Website:
Welche Typografie ist die richtige?
Die Schrift sollte auf alle Fälle gut lesbar sein. Handelt es sich um ein l oder um ein I ? Bei einigen Schriften ist dieses nicht zu unterscheiden.
Aber auch die Schriftgröße und der Zeichenabstand beeinflussen die Lesbarkeit der Texte. Wählt die Schriftgröße nicht zu klein Ich verwende hier eine Schriftgröße von 18px für den normalen Text. Der Zeichenabstand sollte so groß gewählt werden, dass einzelne Zeichen nicht zu eng zusammenstehen. Bei einer Fehlsichtigkeit verschwimmen ansonsten die Zeichen und so wird schnell aus einem „rn“ ein „m“. Achtet auch auf einen geeigneten Zeilenabstand.
Google liefert eine Menge barrierefreie Schriften, die Ihr in Eure Website einbetten könnt. Aber achtet auf die Datenschutz – konforme Einbindung in Eure Website.
Animationen auf barrierefreien Websites:
Es existieren inzwischen viele Möglichkeiten Eure Website mit Animationen aufzupeppen. Ob es große Slider sind, Bereiche, die von links, rechts, oben oder unten in die Seite hineinfliegen. Hüpfen, Verblassen, Blinken, Wackeln, Gleiten, Zoomen,… alles ist möglich.
Nur; was macht das mit Menschen mit ADHS? Diese Menschen sind mit allzu vielen Bewegungen überfordert. Sie werden durch die Animationen abgelenkt und lesen den Text nicht mehr aufmerksam.
Geht also sparsam und / oder mit Bedacht mit solchen Animationen um. Oder Ihr gebt solchen Nutzern die Möglichkeit, die Animationen auszuschalten.
Links:
Kennzeichnet Eure Links auf der Website klar, so dass sie schnell als solche erkannt werden. Entweder Ihr hebt sie farblich in einer einheitlichen Farbe hervor, oder Ihr stellt sie unterstrichen dar.
Tools für barrierefreie Websites:
Ihr findet im Internet verschiedene Tools, die den Inklusionsbedarf Rechnung tragen und eine digitale Teilhabe von Menschen mit und ohne Behinderungen möglich machen. Aber auch hier müsst Ihr auf die DSGVO – konforme Einbettung derartiger Tools achten.
