Abonnieren
In den letzten Tagen haben sich einige Links zum Thema Barrierefreiheit angesammelt, die ich hier in einer kleinen Liste zusammenstelle. Es ist natürlich nur eine Auswahl – ich habe nur Links aufgenommen, die ich regelmäßig besuche, oder einfach für wichtig halte.
Das wären natürlich zunächst die Regeln und Verordnungen, die man einhalten sollte, wenn man seine Seiten barrierefrei gestalten will: die BITV oder übersetzt die Barrierefreie Informationstechnik Verordnung:
An erster Stelle wären hier die Seiten von Einfach Für Alle zu nennen (herausgegeben von der Aktion Mensch) und das dort gepflegte Blog. Aktuelle Informationen, eine Fülle von News, Links und vor allem wichtige Tutorials sind hier zu finden.
Nicht ganz so umfangreich und aktuell aber trotzdem informativ und empfehlenswert: Barrierefreies Webdesign von XPlain.
Einmal im Jahr immer ein besonderes Spektakel: die Verleihung der Goldenen Biene durch BIENE. Das ist ein Wortspiel – BIENE ist eine Abkürzung für Barrierefreies Internet eröffnet neue Einsichten. Es werden jedes Jahr Preise (Bienen) an Internetseiten aus den verschiedensten Bereichen vergeben. (Vergleiche auch meinen Artikel über Typo3 bei BIENE)
Die Forderungen nach leichter Sprache für Menschen mit Lernschwierigkeiten werden bei der Umsetzung von barrierefreien Seiten nach meinem Eindruck meist ausser Acht gelassen oder zumindest stiefmütterlich behandelt (damit nehme ich mich schon selbst an der Nase … ). Die Seiten von Mensch zuerst – Netzwerk People First Deutschland e.V. behandeln deshalb bevorzugt diesen Teilbereich der Barrierefreiheit.
Sehr gut gefällt mir webusability von Roger Hudson (englisch). Sein Anliegen ist allgemein Usability von Webseiten, jedoch mit einem deutlichen Schwerpunkt auf Barrierefreiheit. Man findet dort sehr informative Tutorials zu barrierefreien Formularen und Tabellen.
Barrierefreie Menüs: Die beste Einführung, die ich bisher gefunden habe, ist das Tutorium Barrierefreie Navigationsmenüs bei Einfach für Alle. Interessant fand ich auch die Kommentare zu diesem Tutorium sowie den (englischen) Artikel Why use lists for site navigation bei Maxdesign.com, in dem ausführlich begründet wird, warum Listen verwendet werden sollten. Die bekannten Beispiele für CSS-Menüs bei Maxdesign sollten sich mit der Anleitung von Einfach für Alle relativ leicht zu barrierefreien Menüs optimieren lassen.
Im Zusammenhang mit Menüs stellt sich auch immer die Frage nach Hilfsmitteln wie Tabindex und Access-Keys. Während beides von BITV eigentlich verlangt wird, haben sich diese Techniken in der Praxis als problematisch herausgestellt. Einfach für Alle empfiehlt deshalb, auf beides zu verzichten: Widersprüche in der Barrierefreiheit: Tastaturbedienung und Tabindex sowie Tag 4: Strittige Punkte.
Dass man Drop Down Menüs auch weitgehend barrierefrei gestalten kann, zeigt das (kommerzielle) Ultimate Drop Down Menu von Brothercake.
Barrierefreie Tabellen: Am besten hat mir das (englische) Tutorial von Roger Hudson gefallen. Die beste deutschsprachige Anleitung, die ich gefunden habe: Barrierefreie Tabellen von macximal.
Barrierefreie Formulare: Roger Hudson liefert eine Anleitung für barrierefreie Formulargestaltung mittels Tabellen (Accessible Forms), während Einfach für Alle im Tutorial: Bessere Formulare dies ablehnt und zeigt, wie man Formulare ohne Tabellen gestalten kann.
Das ist natürlich ein entscheidender Punkt: sind meine Seiten barrierefrei oder nicht – und falls nicht, wo muss nachgebessert werden? Soweit ich sehe, kann nur ein Teil der Anforderungen »objektiv« überprüft werden, zum Beispiel mit automatisierten Tools. Viele Forderungen der BITV können nur nach Augenschein überprüft werden und oft – wie zum Beispiel bei der Kennzeichnung von Sprachwechseln, Akronymen oder Abkürzungen im Text – wird sich die Barrierefreiheit nur graduell erreichen lassen.
Sehr hilfreich finde ich in diesem Zusammenhang wieder die bereits erwähnten Kommentare zum BITV auf Einfach für Alle. Hier sind viele hilfreiche Tipps für die Überprüfung der Maßnahmen zu finden.
Automatisierte Überprüfung: Brauchbar erscheint mir das Angebot von HiSoftware Cynthia Says. Hier kann man seine Seite nach den amerikanischen Kriterien Section 508 sowie WAG Priority 1 bis 3 testen lassen. Das entspricht zwar nicht genau dem BITV aber weitgehend passt es. Es werden natürlich nur die harten Kriterien getestet, wie Validität des Codes, Verwendung von Alt-Texten, title-Angaben bei Links und so weiter, aber das kann bereits sehr hilfreich sein. Ein Beispiel findet sich in meinem Artikel Barrierefrei – Schritt 1 am Ende des Artikels. Einfach auf die Grafik klicken und der Test läuft ab. Die Tools von Cynthia Says sind übrigens auch in der Web Developer Toolbar für Firefox enthalten. Deren Einsatz macht die Überprüfung recht einfach.
Für Mac OS X Anwender gibt es eine schöne Freeware, die Farbenblindheit simulieren kann: Sim Daltonism von Michel Fortin. (Vielen Dank an einfach-persoenlich, von dem der Link stammt.
Von Peter am 03.01 um 14:12 Uhr. Kategorie: HTML-CSS | Barrierefreiheit
Trackback-URL: http://www.lisardo.biz/trackback/157/KUrvZNAv/