Webkrauts: Für mehr Qualität im Web.

Artikel

Sonnenseiten: Barrierefreiheit

Im Jahr 2005, als die Barrierefreiheit noch ausführlich auf Mailinglisten diskutiert wurde, führte der Landtag NRW in aller Ruhe einen barrierefreien Relaunch durch. Eine Besonderheit des neuen Layouts war die für Sehbehinderte optimierte Navigationsleiste, die auch dann nachvollziehbar ist, wenn ein Bildschirmkontrastschema aktiv ist.

Die Hervorhebung aktiver Rubriken und Seiten in der Navigationsleiste, die auf den meisten Internetauftritten nur durch Farbe gekennzeichnet wird, wurde durch die CSS-Eigenschaft border ergänzt. Diese von Jörn Hofer entwickelte barrierefreie Technik der Hervorhebung in Navigationsleisten ist bis heute nur auf wenigen Internetauftritten umgesetzt.

Barrierefreiheit im Design

Viele Designer fürchten Barrierefreiheit, weil sie sich eingeschränkt fühlen. Dass Barrierefreiheit das Design nachhaltig beeinflußt, ist aber ein Mythos. Mit Kompetenz und Kreativität und mit den Nutzern im Blick lassen sich Designs auch so optimieren, dass Sehbehinderte nicht benachteiligt werden.

Viele Sehbehinderte aktivieren die sogenannten Kontrastschemata für den Bildschirm, um Kontraste zu optimieren oder subjektive Blendungen des Bildschirms zu kompensieren. Dadurch werden alle Hintergrund- und Vordergrundfarben am Bildschirm auf die benutzerdefinierte Farben umgeschaltet, z.B. weiß auf schwarz mit gelben Links. Die ursprünglichen Farben einer Webseite werden dann nicht mehr angezeigt.

Das Geheimnis von www.landtag.nrw.de ist die Verwendung eines linken Rahmens für die Navigationseinträge. Die Rahmen haben die gleiche Farbe wie der Hintergrund und sind bei Standardeinstellungen nicht erkennbar.

Sobald ein Kontrastschema eingeschaltet wird, werden zwar alle Farben auf die benutzerdefinierten Farben umgeschaltet; Die Farbe des Rahmens nimmt aber die Farbe des Textes an. Die aktuelle Position in der Navigationsleiste wird dadurch unabhängig von der Farbgestaltung verdeutlicht.

HTML ist das Handwerk, CSS ist die Kunst

Mit standardkonformem HTML ist vieles im Bereich der Barrierefreiheit möglich, aber das betrifft "nur" diejenigen, die nicht am Bildschirm, sondern zum Beispiel mit einer Sprachausgabe arbeiten. Mit den Möglichkeiten von CSS kann die Barrierefreiheit der Bildschirmdarstellung nachhaltig für die sehr große Nutzergruppe der Sehbehinderten optimiert werden.

Die Verwendung der border-Technik ist dabei keine Spielerei. Vielmehr handelt es sich um einen Lösungsweg, die Anforderung der Barrierefreiheit, Hervorhebungen nicht alleine durch Farbe zu kennzeichnen, nutzergerecht und ohne Beeinflussung des Designs umzusetzen. Hierfür ist vor allem Kreativität beim Einsatz von CSS gefragt!

Zum Autor:

Jan Eric Hellbusch ist Autor der beiden gleichnamigen Titel Barrierefreies Webdesign sowie weiterer Fachveröffentlichungen zum Thema. Mit "2bweb.de" bietet er bundesweit Beratung und Schulungen für barrierefreies Webdesign an. Seit vielen Jahren setzt er sich ehrenamtlich für die Belange Blinder und Sehbehinderter ein.

Zur Aktion

Dies ist ein Text zur Aktion Sonnenseiten: Webkrauts loben – höchst subjektiv – einzelne Details von Webseiten. Entgegen unserer Gewohnheit steht diesmal nicht der Quelltext, sondern die Idee im Mittelpunkt.

Info:

Sonnenseiten: Barrierefreiheit ist Beitrag Nr. 418

Autor:

Jan Eric Hellbusch am 8. Juli 2008 um 08:00

Kategorie:

Sonnenseiten

Kommentare

Bitte die Hausregeln beachten. Alle Kommentare werden auf werbliche Links/Nicknames geprüft und gegebenenfalls gelöscht.

1. 1.
   

   Hallo,

   Landtag NRW war mein erstes barrierefreies Projekt und ich war froh, dass ich mit Jan Eric Hellbusch zusammenarbeiten durfte, da ich viel über diese Kunst lernen konnte.

   Als Sehender muss man schon einigen Gehirnschmalz und Kreativität an den Tag legen. Barrierefreie Seiten müssen nicht unschön aussehen, wie man bewiesen hat.

   Es ist wie mit einem guten Sportwagen: Sieht schick aus, kann aber technisch auch viel, fühlt sich toll an und hat einen satten Sound… und wer sagt, dass Sportwagen nicht barrierefrei sein können?

   Viele Webseiten sind immer noch unzugänglich und beinhalten teilweise über 6 Jahre alten HTML-Code. Die Notwendigkeit der Barrierfreiheit ist wohl immer noch nicht bei allen angekommen.

   Ich finde es aber lobenswert, dass sich Menschen, wie die Webkrauts und viele andere Webworker, sich für die Barrierefreiheit einsetzen und die Notwendigkeit an Ihre Kunden weitergeben.

   Weiter so!

   Gruß aus Köln,

   Daniel

   Kommentar von Daniel Ditgens - 8. Juli 2008 um 10:32

2. 2.
   

   Stimmt, die border-Technik – lange nicht mehr gesehen, selbst schon fast wieder vergessen und dennoch einer von vielen exzellenten Bausteinen auf dem Weg zu einer zugänglichen Website. Danke für's Erinnern!

   Kommentar von Ansgar Hein - 8. Juli 2008 um 12:35

3. 3.
   

   Das ist ja mal ein genialer Trick!!! Den werd ich gleich bei meinem aktuellen Projekt einsetzen .

   Ich finde das echt super das Ihr sowas macht. Ich bin nämlich ein ungelernter Webdesigner und so kann ich viel dazulernen .

   ps.: wie kann ich hier meinen Avatar einbinden?

   Kommentar von goldjunge2007 - 8. Juli 2008 um 21:07

4. 4.
   

   ps.: wie kann ich hier meinen Avatar einbinden?

   Wir benutzen Gravatare.

   Kommentar von Eric Eggert - 8. Juli 2008 um 21:10

5. 5.
   

   @Ansgar:

   Ist doch klar, dass Du es lange nicht gesehen hast. Ich nehme an, Du surfst mit Standardfarbeinstellungen, oder?

   Kommentar von Jan Eric Hellbusch - 9. Juli 2008 um 15:50

6. 6.
   

   maximaler Wirkungsgrad mit einfachsten Mitteln – hervorragend!

   Kommentar von Maxx Hilberer - 10. Juli 2008 um 14:58

Kommentar-Feed für diesen Beitrag

Die Kommentarfunktion ist zur Zeit leider deaktiviert.