Das Prüfverfahren zur BITV 2.0


Sie sind hier: BITV-Test 2.0 > Verzeichnis der Prüfschritte > Prüfschritt 2.4.3a (31 von 50)


Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt

Prüfschritt 2.4.3a
Schlüssige Reihenfolge bei der Tastaturbedienung

Technische Angaben

Version Aktuell
BITV-Bedingung 2.4.3 Fokus-Reihenfolge
BITV 1.0-Entsprechung 9.4.1 Schlüssige Reihenfolge bei Tastaturbedienung
Bewertungsalternativen ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar
Gewichtung mittleres Gewicht (2 Punkte)
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Links, Formularelemente und Objekte werden mit der Tabulatortaste in einer schlüssigen Reihenfolge angesteuert.
Prüfschritt nicht anwendbar Links, Formularelemente oder Objekte sind nicht vorhanden.

Was wird geprüft?

Wenn die Webseite mit der Tastatur bedient wird, soll die Reihenfolge, in der Links, Formularelemente und Objekte angesteuert werden, schlüssig und nachvollziehbar sein.

Warum wird das geprüft?

Die Bedienung soll geräteunabhängig möglich sein. Das bedeutet: Sie muss sowohl mit der Maus als auch mit der Tastatur möglich sein. Denn auch andere Spezialgeräte verhalten sich so wie eine Maus oder wie eine Tastatur.

Probleme gibt es meistens mit der Tastaturbedienung, denn die Mehrzahl der Webnutzer arbeitet mit der Maus, daher wird oft nur an die gedacht. Auf die Tastaturbedienbarkeit angewiesen sind zum Beispiel viele motorisch eingeschränkte Menschen oder Blinde.

Durch eine nicht nachvollziehbare Reihenfolge der Links und Formularelemente kann die Tastaturbedienbarkeit erheblich beeinträchtigt werden.

Manche Seiten präsentieren mittels JavaScript dynamische Inhalte, etwa Rückmeldungen bei fehlerhaften Formular-Eingaben oder Nachrichten-Teaser, die im Wechsel angezeigt werden. Während dynamische Änderungen der Seite für sehende Nutzer unmittelbar wahrnehmbar sind, werden sie oft von Screenreader-Nutzern gar nicht oder erst mit Verzögerung wahrgenommen.

Wenn nach dem Laden einer Seite weitere Elemente über DOM-Scripting in den Quellcode einer Seite eingefügt werden, soll diese Einfügung unterhalb des auslösenden Elements geschehen, damit Screenreader hinzugefügte Elemente bemerken und vorlesen.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn die Seite Links, Formularelemente oder Objekte enthält.

2. Prüfung

  1. Seite im Internet Explorer laden.
  2. Mit der Tabulatortaste die Links, Formularelemente und Objekte durchgehen und prüfen, ob die Reihenfolge im Wesentlichen nachvollziehbar ist.
  3. Seite in Firefox aufrufen und die Prüfung wiederholen.

3. Hinweise

  • Die Tabulatorreihenfolge sollte im Wesentlichen der visuellen Anordnung auf dem Bildschirm folgen. Kleinere Abweichungen sind kein Problem, manchmal ist es ja auch gar nicht möglich, aus der Anordnung auf dem Bildschirm eine Reihenfolge zwingend abzuleiten.
  • Die Tabulatorreihenfolge ist schwer nachzuvollziehen, wenn sie über unsichtbare ausführbare Elemente geht. Das betrifft insbesondere aufeinander folgende nicht sichtbare Sprunglinks.
  • Wenn die Tabulatorreihenfolge nicht gut erkennbar ist, weil z.B. die Fokushervorhebung unterdrückt wird, ist das Bookmarklet Show Tab Focus" aus der Yahoo Accessibility Library ein hilfreiches Werkzeug zum hervorheben der aktuellen Position.
  • Die Prüfung erfolgt bei eingeschaltetem JavaScript.
  • Der Prüfer muss mit der Funktionsweise der eingesetzten Browser vertraut sein, er muss wissen, welche Tasten und Tastenkombinationen für die Tastaturbedienung vorgesehen sind.

    Wichtig in diesem Zusammenhang:

    • Die Felder von Formularen können im Internet Explorer trotz korrekter Auszeichnung unter Umständen nicht mit der Tabulatortaste durchwandert werden. Wenn das Browserfenster nicht den Fokus hat, darf man nicht einfach hineinklicken und dann erst mit der Tastaturbedienung anfangen. Der Fokus muss vielmehr per Tastatur (F6) zum Browserfenster bewegt werden.
    • Auswahllisten ohne Submit-Button, die auf onchange reagieren, können im Internet Explorer mit den Pfeiltasten allein nicht bedient werden, da immer schon die erste Listenoption ausgelöst wird. Um solche Auswahllisten durchzublättern, muss man sie zunächst mit der Tastenkombination "ALT + Pfeil nach unten" öffnen. Dann kann man mit den Pfeiltasten nach oben und unten durch die Optionen blättern und mit der Eingabetaste eine Option auswählen.

4. Bewertung

Erfüllt:

  • Die Reihenfolge, in der Links, Formularelemente und Objekte mit der Tabulatortaste angesteuert werden, ist im Wesentlichen nachvollziehbar und schlüssig.

Nicht voll erfüllt:

  • Die Tabulatorreihenfolge ist nicht schlüssig, sie weicht ohne nachvollziehbaren Grund von der visuellen Anordnung ab oder der Tastaturfokus ist über mehr als drei aufeinanderfolgende Stationen im Browserfenster nicht sichtbar.

Nicht erfüllt:

  • Die Reihenfolge, in der Links, Formularelemente und Objekte mit der Tabulatortaste angesteuert werden, ist nicht nachvollziehbar und erschwert die Bedienung mit der Tastatur erheblich.

Einordnung des Prüfschritts

Formulierung BITV 2.0

2.4.3 Fokus-Reihenfolge

Wenn die Navigationssequenz Einfluss auf Bedeutung oder Bedienung der Webseite hat, erhalten fokussierbare Komponenten den Fokus in der Reihenfolge, die sicherstellt, dass Bedeutung und Bedienbarkeit erhalten bleiben.

Abgrenzung zu anderen Prüfschritten

  • In diesem Prüfschritt wird die Tabreihenfolge geprüft, egal, ob diese der Anordnung fokussierbarer Elemente im Quellcode entspricht oder über tabindex und Skripte erzeugt wird.
  • Die korrekte Reihenfolge im Quelltext bei dynamisch generierten oder eingeblendeten Elementen ist Gegenstand von Prüfschritt 1.3.3a "Sinnvolle Reihenfolge".
  • Die grundsätzliche Erreichbarkeit und Auslösbarkeit von interaktiven Elementen ist Gegenstand von Prüfschritt 2.1.1a "Ohne Maus nutzbar".
  • Die Sichtbarkeit des Fokus ist Gegenstand von Prüfschritt 2.4.7a "Aktuelle Position des Fokus deutlich"

Einordnung des Prüfschritts nach WCAG 2.0

Guideline

Success criterion

Techniques

General Techniques
HTML Techniques

Failures

Fragen zu diesem Prüfschritt

Wie ist der Einsatz von tabindex zu bewerten?

Durch den Einsatz von tabindex kann man dafür sorgen, daß die Tabulatorreihenfolge nicht der Reihenfolge der Elemente im Quelltext entspricht. Eingeführt wurde diese Technik vermutlich, weil es Schwierigkeiten gab, die Elemente im Quelltext in eine für den Benutzer nachvollziehbare und gut nutzbare Reihenfolge zu bringen. Vielleicht waren sie einmal in diesem Sinne nützlich, aber das ist jedenfalls Vergangenheit. Probleme mit der Reihenfolge, die den Einsatz von Tabindices erforderlich machen, gibt es nicht.

Ein weiteres Argument für die Verwendung von tabindex ist, daß Elemente, die für den Benutzer besonders wichtig sind, damit an den Anfang der Tabulatorreihenfolge gestellt werden können. Tastaturnutzer müssen zum Beispiel nicht durch eine große Zahl von Menüoptionen tabben, um zum eigentlichen Inhalt der Seite zu kommen.

Allerdings gibt es auch gewichtige Argumente gegen den Einsatz von tabindex:

  • Der Benutzer will nicht immer gleich den Inhalt ansteuern. Von Fall zu Fall sind unterschiedliche Seitenelemente wichtig. Die Erschließung der Seiteninhalte durch eine umfassende Überschriftenstruktur ist daher die bessere Lösung.
  • Am einfachsten nachzuvollziehen ist die Anordnung der Elemente einer Webseite, wenn die Reihenfolge der Elemente im Quelltext der Tabulatorreihenfolge entspricht und auch zur Anordnung auf dem Bildschirm passt.
  • tabindex wird unter bestimmten Bedingungen nicht korrekt verarbeitet.

Im BITV-Test wird der Einsatz von tabindex nicht positiv oder negativ berücksichtigt. Entscheidend ist nur die Nachvollziehbarkeit der Reihenfolge. Wenn der Einsatz von tabindex dazu führt, daß die Tabulatorreihenfolge nicht nachvollziehbar ist, ist der Prüfschritt also nicht erfüllt.

Blättern: zum ersten Prüfschritt zum vorhergehenden Prüfschritt zum nächsten Prüfschritt zum letzten Prüfschritt


© 2003 - 2011 DIAS GmbH | Impressum | letzte Änderung 11.10.2011

nach oben