Regeln für barrierefreies Webdesign. Teil 1: Grundlagen

von Thomas Jung (Cosima IT)

Barrierefreies Webdesign entwickelte sich in den letzten Jahren zum dominierenden Ansatz im Internet. Um die Betroffenen an dieses wichtige Thema heranzuführen, werden in loser Folge die wichtigsten Tipps und Tricks zum barrierefreien Webdesign veröffentlicht. Der erste Teil behandelt die grundlegenden technischen Anforderungen an barrierefreies Webdesign.

Kein Webdesigner oder Anbieter von Redaktionssystemen (CMS) kann heute darauf verzichten, Internetseiten barrierefrei anzubieten. Unter Zugänglichkeit versteht man beim barrierefreien Webdesign zwei Anforderungen - barrierefreie Internetseiten sollen erstens von allen erreicht und zweitens auch verstanden werden können. Für Webdesigner und CMS-Dienstleister aus dem Bereich der barrierefreien Entwicklung stellen die Zugänglichkeit und die Verständlichkeit damit zwei Seiten einer Medaille dar.

Obwohl ein großer Teil der deutschen Bevölkerung von barrierefreien Internetseiten profitiert, entstehen auch heute noch viele Internetseiten, die bestimmte Personengruppen aufgrund mangelhafter Programmierung oder unangemessener Inhalte ausgrenzen. Schon an diesen elementaren Fragen scheitern die meisten Internetseiten: „Ist ein blinder Mensch in der Lage mit einem Screenreader Ihre Webseite zu besuchen?“, „Können ältere Menschen mit motorischen Schwierigkeiten Ihre Navigation bedienen?“ oder „Sind Grafiken auf Ihrer Webseite für Benutzer mit Rot-Grün-Blindheit erkennbar?“

Das muss aber nicht sein: Wenn grundlegende Regeln beachtet werden, lassen sich mit relativ wenig Aufwand barrierefreie Seiten erstellen:

Keine Textinformationen mit Bilder darstellen Screenreader oder Textbrowser können diese nicht interpretieren.
Schriftgrößen skalierbar anlegen
Es ist empfehlenswert Schriften relativ anstelle von absolut anzulegen, da es gerade für ältere Menschen hilfreich ist, wenn die Seite darauf ausgelegt ist, die Schriften zu vergrößern.
Ausreichende Farbkontraste
Starke Kontraste verbessern die Lesbarkeit der Texte - Menschen mit Sehschwächen benötigen deshalb starke Farbkontraste. Auch animierte Texte sind zu vermeiden.
Navigation auch ohne Maus ermöglichen
Personen mit motorischen Störungen können nur mit der Tastatur navigieren; wichtige Seiten sollten deshalb über Keyboard-Shortcuts erreichbar und die Navigation per Tabulatortaste bedienbar sein. Zur besseren Steuerung sollte das Layout der Website durchgängig gleich sein.
Javascript und Flash nicht bei wichtigen Funktionen einsetzen Navigation und ähnliche wichtige Elemente sollten keine installierten PlugIns voraussetzen.
Jedes Bild braucht einen sinnvollen Alt-Tag Die Eigenschaft "alt" des "img"-Tags muss immer vorhanden sein. Bei inhaltlichen Bildern sind angemessene beschreibende Texte zuzuordnen, denn dieser ist der einzige Hinweis für einen blinden Menschen was dargestellt wird.
Informationen dürfen nicht ausschließlich durch Farbe dargestellt werden Inhalte sollten zusätzlich über weitere Attribute gegliedert werden, z.B. Unterstreichung oder Fett.
Einsatz von Stylesheets zur Gestaltung des Layouts Die Trennung von Inhalt und Layout (keine Tabellen zu Layoutzwecken) ermöglicht die Linearisierung der Inhalte und außerdem eine einfache Pflege der Internetseite.
Eine Website sollte in den gängigsten Browsern fehlerfrei dargestellt werden Den größten Anteil haben meist der Internet Explorer (ca. 60-90 %) und der Firefox (ca. 10-20 %), dies kann aber von Website zu Website unterschiedlich sein.
Korrekte Auszeichnung der Absätze
Verwenden Sie für Absätze das Tag <p>. Benutzen Sie nicht einfach zwei <br> hintereinander. Mit <p> ausgezeichnete Absätze können von Screenreadern als solche erfasst werden.

Wenn Sie diese Tipps beherzigen, haben Sie schon die eine Hälfte der Münze sicher in der Tasche. Die Andere können Sie sich im zweiten Teil der Regeln für barrierefreies Webdesign sichern. Am 15.12.2007 erfahren Sie, welche inhaltlichen Kriterien zu beachten sind, damit Ihre Internetseiten auch von allen verstanden werden können.
Sollten Sie Interesse an diesem Thema haben oder wissen wollen, wie Sie mit dem barrierefreien Redaktionssystem cosimaWEB 2.0 all diese Punkte auf Knopfdruck umsetzen können, stehen wir Ihnen gerne Rede und Antwort.


Weitere Informationen:
http://www.bik-online.info/
http://www.barrierekompass.de/
http://www.einfach-fuer-alle.de/

Kontakt:
Cosima IT Balleyer & Lohrmann GbR
Bergstraße 77
73733 Esslingen

Fon: 0711 – 46 97 938-00
Fax: 0711 – 46 97 938-09
www.cosima-it.de