Barrierefreies Javascript

[molily]

Hallo,

das Schlüsselwort heißt hier WAI-ARIA und ist Markup bzw. eine API. Mit ARIA-Rollen lässt sich sowohl statisches als auch dynamisches HTML auszeichnen, das bestimmte JavaScript-Logik besitzt. Bei Navigationen, Widgets und AJAX-Interfaces bekommen gewöhnliche HTML-Elemente plötzlich eine besondere zusätzliche Bedeutung, beispielsweise fungieren sie als Buttons oder Ausgabepunkt für Nachrichten. Das bekommt bspw. ein Screenreader-Nutzer, der sich üblicherweise sequentiell durch das Dokument hangelt, nicht so einfach mit. ARIA verspricht hier Abhilfe, indem Browser verstehen, dass ein gewisses Element ein Widget darstellt und sich sein Inhalt geändert hat und der Benuter darüber informiert werden muss. Ebenso erlaubt WAI-ARIA ähnlich wie HTML5 die bessere Auszeichnung der Struktur eines Dokuments.

http://www.w3.org/TR/wai-aria/
http://www.hessendscher.de/wai-aria/
http://www.marcozehe.de/tag/aria/
http://www.paciellogroup.com/blog/?IncludeBlogs=1&s=aria
http://www.slideshare.net/hessi/wai-aria
http://www.slideshare.net/kliehm/aria-und-html-5

Leider verwenden die wenigsten Fertigscripte WAI-ARIA. Meines Wissens setzen nur wenige Module von jQuery UI und Yahoo UI ARIA ein. Ein Beispielscript ist etwa jQuery Accessible Tabs.

Mathias