Barrierefreie Website

15. September 2022
Webdesign

Barrierefreiheit ist ein wichtiges, aber häufig übersehenes Thema im Bereich Webdesign. Dies ist schade, schließlich geht es darum möglichst vielen Menschen einen uneingeschränkten Zugang zu den Inhalten der Website zu ermöglichen. 

Einen Überblick über wichtige Parameter von barrierefreien Websites findet sich in der rechtlich nicht verbindlichen Richtlinie der internationale Vereinigung W3C (World Wide Web Consortium) – den sogenannten Web Content Accessibility Guidelines (WCAG 2.0). Hier gibt es drei Stufen von Barrierefreiheit: A, AA und AAA. 

Einfache Maßnahmen zur Förderung der Barrierefreiheit von Websites

Manche Merkmale von barrierefreien Websites sind einfach umzusetzen, machen aber einen großen Einfluss. Einige Beispiele dafür sind: 

Schrift

  • Veränderbare Schriftgrößen: Der Text sollte ohne assistierende Technik um bis zu 200 Prozent vergrößerbar sein. Um dies zu erreichen, ist es hilfreich die Schriftgröße nicht in fixen Größen (z.B. Pixel), sondern in relativen Größen anzugeben. Dafür eignen sich beispielsweise Angaben in „em“ oder in Prozent. 
  • Kontrast: Um eine gute Lesbarkeit zu gewährleisten, ist es außerdem wichtig, dass sich die Schrift klar von ihrem Hintergrund absetzt. Für die barrierefreie Stufe AA gilt hierbei ein Kontrast von mindestens 4,5:1. Großer Text benötigt nur einen Kontrast von 3:1. Als großer Text gilt Text in einer Schriftgröße von mindestens 18 Punkt oder 14 Punkt fett (pt nicht px!). Ausgenommen ist rein dekorativer Text und Text, der Teil eines Logos ist.

Bilder

  • Alt-Attribute: Um Bilder auch für Personen mit Sehbehinderungen zugänglich zu machen, sollten Bilder mit aussagekräftigen Alt-Attributen (Alternativtexten) ausgestattet werden. Diese sollen klar machen, was auf dem jeweiligen Bild zu sehen ist. Personen mit einem Screenreader können sich diesen Text vorlesen lassen und so ebenfalls einen Eindruck davon bekommen, welche Informationen die Bilder vermitteln sollen.

Barrierefreiheit auf Website prüfen

Ein hilfreiches Tool zur Überprüfung der Barrierefreiheit einer Website ist die Seite: https://wave.webaim.org/. Das Tool untersucht die Website und gibt Rückmeldung, welche Kriterien der Barrierefreiheit erfüllt werden und wo Verbesserungen notwendig wären.

Sie möchten Ihre Website barrierefreier gestalten? Unser 23/6 Team steht Ihnen dabei gerne zur Seite – von der Analyse der Verbesserungsmöglichkeiten bis zu deren Umsetzung. Kontaktieren Sie uns einfach unter: +43 678 1245 199 oder über unser Kontaktformular.