Moderne Webseiten bestehen zu größten Teilen aus immer wiederkehrenden Bedienelementen und Applikationen. Die Anpassung und Entwicklung von Elementen wie Lightbox Anwendungen, Tab-Navigationen, Navigationen, Formularen und Dialogen gehören zur Routinearbeit eines Frontendentwicklers. Da aber jede Projektanforderung und damit der Zweck, die Zielgruppe, das Design und die einzelnen Funktionen immer individuell sind, werden Teile einer Webseite immer wieder neu entwickelt bzw. bereits bestehende, teilweise passende, Lösungen angepasst. Bei engem Terminplan bleibt da die Barrierefreiheit gerne mal auf der Strecke.
Um genau an dieser Stelle die Qualität zu verbessern und die Entwicklung zu beschleunigen, entwickelte ich im Zuge meiner Diplomarbeit bei Namics einige dieser sogenannten Design Pattern.
Heraus kam eine Toolbox — eine Art Best-Practice — zur Erstellung von barrierefreien Internetseiten bzw. deren Applikationen. Dabei haben ich die Standard-Applikationen Formular (bzw. dessen Live-Validierung), Lightbox, Tabs und sortierbare Tabellen umgesetzt. Diese bestehen aus validem XHTML 1.1 Strict , validem CSS 2.0 sowie dem von Namics zumeist verwendeten Java-Script Framework jQuery 1.3.x umgesetzt werden. Die Arbeit entspricht den Web Content Accessibility Guidelines 2.0 des W3C (Stufe AAA).
Im Theorie-Teil der Diplomarbeit gehe ich auf Zielgruppen, Gründe für die Erstellung von barrierearmen Webseiten, technische, geschäftliche sowie ethische Aspekte ein und setze mich ausführlich mit Statistiken und Gesetzen auseinander. Verglichen werden unter anderem die ISO 9241-151 (Leitlinien zur Gestaltung von Benutzerschnittstellen für das World Wide Web), die ISO 9241-171 (Leitlinien für die Zugänglichkeit von Software), die BITV (Barrierefreie Informationstechnik-Verordnung) und die WCAG 2.0 (Web Content Accessibility Guidelines). Außerdem analysiere ich intensiv die verschiedenen Hilfsmittel (AT), speziell mit Screenreadern.
Die Diplomarbeit mit dem Titel “Barrierefreie, Java-Script gestützte Webapplikationen im praxisnahen Umfeld” sowie die dazugehörigen Widgets sind unter Creative Commons Attribution-Share Alike 3.0 Unported Lizenz veröffentlicht und über GitHub zu beziehen. Dort finden sich auch Demos der Applikationen, das Wiki und ein Bugtracking System. Alternativ kann die ganze PDF bei Google Docs online eingesehen werden.
http://github.com/fnagel/jQuery-Accessible-RIA
Übrigens war die Arbeit meinem Professor eine 1.0 wert ;-)
