(PM) , 20.11.2007 - 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 darstellenScreenreader oder Textbrowser können diese nicht interpretieren. Schriftgrößen skalierbar anlegenEs 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 FarbkontrasteStarke 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öglichenPersonen 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 einsetzenNavigation und ähnliche wichtige Elemente sollten keine installierten PlugIns voraussetzen. Jedes Bild braucht einen sinnvollen Alt-TagDie 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 werdenInhalte sollten zusätzlich über weitere Attribute gegliedert werden, z.B. Unterstreichung oder Fett.Einsatz von Stylesheets zur Gestaltung des LayoutsDie 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 werdenDen 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ätzeVerwenden Sie für Absätze das Tag . Benutzen Sie nicht einfach zwei hintereinander. Mit 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.Zeichen: 4252Weitere Informationen:www.bik-online.info/http://www.barrierekompass.de/http://www.einfach-fuer-alle.de/Kontakt:Ralf Lohrmann und Maik Balleyer, Geschäftsführer Cosima IT Balleyer & Lohrmann GbRBergstraße 7773733 EsslingenFon: 0711 – 46 97 938-00Fax: 0711 – 46 97 938-09E-Mail: kontakt@cosima-it.euwww.cosima-it.deÜber Cosima ITCosima IT Balleyer & Lohrmann GbR, mit Sitz in Esslingen am Neckar, ist spezialisiert auf die Beratung und Durchführung von barrierefreien IT-Systemen und Applikationen. Das barrierefreie CMS cosimaWEB 2.0 bringt Inhalte barrierefrei ins Internet.