Barrierefreies Webdesign

Barrierefreies Webdesign ist ein sehr umfangreiches Thema. Fast unmöglich für eine One-Woman-Show wie mich.
Wirklich verpflichtend ist das Thema derzeit nur für Webseiten öffentlicher Einrichtungen (in Ö). Siehe das Web-Zugänglichkeitsgesetz.

Generell plädiere ich dafür, die Barrieren so niedrig wie möglich zu halten – denn Barrierefreiheit im Web hilft ALLEN und auch dir selbst als Webseitenbetreiber (Stichwort: Suchmaschinenoptimierung)

Ein paar Stichworte dazu, wie es sein sollte bzw. worauf man achten sollte:

• Verständliche Sprache
• strukturierter, relevanter und kontextbezogener Content
• Einhaltung der Überschriftenhierarchie und klare HTML-Auszeichnung
• Bilder mit hinterlegten alternativen Texten
• Ohne Maus bedienbar
• hohe Farbkontraste für gute Lesbarkeit
• Farb-Kombinationen
• kein Captcha (nur Google ReCaptcha oder Honeypot)
• keine Animationen
• Eingabehilfen und Hinweise bei Fehlern

Wie und wo kannst du die Barrierefreiheit deiner Webseite testen?

• Sind die von dir gewählten Farbkontraste ok? https://contrastchecker.com/
• WAVE: Damit kannst du deine gesamte Webseite testen und dir Fehler anzeigen lassen. Das ist als Browser Addon oder eigene Seite verfügbar: https://wave.webaim.org/
• Eine weitere Möglichkeit bietet der Barrierefreiheits-Test von experte.de. Du bekommst hier einen guten Überblick über ALLE Seiten deiner Webseite und musst nicht jede Seite einzeln analysieren.
• Noch mehr Infos, Testmöglichkeiten und Checklisten gibt’s u.a. auf WEBAIM

Beispiel

Wie eine echte barrierefreie Webseite aussehen würde, sieht man am Beispiel des deutschen Verbandes CJD.

Link zur Webseite cjd.de

Hier kann man den Kontrast verändern, sich die Texte vorlesen lassen, auf “leichte Sprache” umschalten, usw.

Sehr gelungen, finde ich!