Checkliste: Zu vermeidende Barrieren bei modernen Websites

 

Feste Schriftgrössen

Die Schriftarten müssen vom Besucher skaliert werden können. Schriftgrößen müssen im CSS in em oder Prozent angegeben werden, nicht in px oder pt.

Layouttabellen

Tabellen für Gestaltungszwecke müssen vermieden werden. Auch komplexe Layouts lassen sich mit DIV-Containern und CSS umsetzen.

JavaScript-Menüs

Dropdown- oder „Aufklapp“-Menüs dürfen nicht in JavaScript, bzw. nicht mit der Elementeigenschaft „onmouseover“ umgesetzt werden, da nicht immer davon augegangen werden kann, daß der Besucher auch wirklich eine Maus verwendet. Kann auf ein Dropdownmenü nicht verzichtet werden, muss die s.g. Suckerfish-Methode verwendet werden. Diese Methode wird auch von Screenreadern korrekt interpretiert.

Fehlende Bild- und Linkbeschreibungen

Bilder und Links müssen mit der „alt“- bzw. „title“-Eigenschaft ausgezeichnet werden. So erfährt der Benutzer, was das Bild enthält, bzw. was passiert wenn er den Link anklickt.

Fehlende Gliederung

Text- und Linksalat ist auch für Suchmaschinen schwer erfassbar. Inhalte müssen mit Gliederungselementen wie H1, H2, P… ausgezeichnet werden. Für Navigationen sollen gliedernde Elemente wio OL und UL verwendet werden.
Werden Navigationen mit Unternavigationen eingesetzt, sind Hilfslinks à la „Hauptnavigation überspringen, direkt zur Unternavigation“ oder „Navigation überspringen, direkt zum Seiteninhalt“ sehr hilfreich für Menschen mit Behinderungen.

Adobe Flash

Während barrierearme Seiten mit Adobe Flash durchaus umsetzbar sind, zeigt ein Blick auf bestehende Flash-Seiten, daß Flash-Designer barrierefreie Techniken nur unzureichend einsetzen.

Mangelhafte Standardkonformität

Fehlerhafte HTML-Syntax kann moderne Browser und alternative Ausgabearten (Screenreader, Braille-Zeile) aus dem Tritt bringen. Die (X)HTML-Validität einer Internetseite lässt sich hier prüfen: http://validator.w3.org

Tool zum Prüfen auf Barrierefreiheit bestehender Seiten:

http://wave.webaim.org/
(Am besten mal mit www.vkib.de oder www.schwangau.de ausprobieren :)

---