tekom-Jahrestagung 2012 - ActiveDoc

User Assistance
UA 6
Fachvortrag
ARIA in der Dokumentation
Dr. Stefan Schnabel, SAP AG, Walldorf
Dr. Matthias Kammerer, SAP AG, Walldorf
ARIA ist die Abkürzung für Accessible Rich Internet Applications und
wird von der Web Accessibility Initiative (WAI) entwickelt und spezifiziert.
ARIA steht als W3C Candidate Recommendation vom 18.
Januar 2011 unter dem Titel „Accessible Rich Internet Applications
(WAI-ARIA) 1.0“ unter http://www.w3.org/TR/wai-aria/ zur Verfügung.
Erklärtes Ziel ist es, einen Accessibility-Standard für Rich Internet
Applications, die z. B. DHTML oder Ajax verwenden, zu etablieren und
darüber hinaus ganz allgemein die Benutzerfreundlichkeit von Web-
Seiten zu erhöhen. Ein typisches Problem bei dynamischen Web-Seiten
ist z. B., dass blinde Benutzer Änderungen auf der Web-Seite, während
sie damit agieren, in der Regel nicht bemerken.
Aber nicht nur für Applikationen ist ARIA ein interessanter Accessibility-Standard,
sondern auch für (größtenteils) statische Texte, wie Dokumentation.
Auch hier hilft ARIA, dass sich Menschen mit Behinderungen
auf der Web-Seite zurechtfinden.
Um die Barrierefreiheit auch von dynamischen Web-Seiten zu gewährleisten,
setzt ARIA auf die folgenden Konzepte:
––
Technisch gesehen, führt ARIA weitere Attribute mit teilweise vordefinierten
Werten ein, die bei den meisten HTML-Elementen verwendet
werden können. (Das hat gegenwärtig zur Folge, dass derart
angereichertes HTML weder HTML4- noch HTML5-konform ist und
HTML-Validatoren entsprechende Fehlermeldungen ausgeben. In
der Praxis ist dies allerdings irrelevant, da die Browser nicht validieren
und unbekannte Attribute einfach ignorieren. Außerdem werden
HTML-Validatoren in Zukunft ARIA richtig erkennen können.)
––
Mittels Rollen werden Elemente hinsichtlich ihrer Funktion klassifiziert.
Dazu unterscheidet ARIA u. a. zwischen:
––
Abstract Roles (wie z. B. role="section")
––
Widget Roles (wie z. B. role="button")
––
Document Structure Roles (wie z. B. role="article") und
––
Landmark Roles (wie z. B. role="navigation").
––
Mittels – eher statischen – Eigenschaften (wie z. B. den Attributen
aria-labelledby oder aria-describedby) und – eher dynamischen
– Zuständen (wie z. B. dem Attribut aria-checked) können
Elemente näher bestimmt und miteinander in Bezug gesetzt werden.
ARIA kann dabei auf allen Ebenen einer Applikation relevant werden:
––
auf der Strukturebene, z. B. im HTML:
Sort
by Last Modified
––
auf der Präsentationsebene, z. B. im Cascading Stylesheet (CSS):
[aria-checked="true"]
{font-weight: bold;}
[aria-checked="true"]:before
{background-image: url(checked.gif);}
––
auf der Interaktionsebene, z. B. im JavaScript:
function checkbox_select(el) {
if (el.getAttribute(“aria-checked”) == "false")
508
tekom-Jahrestagung 2012