Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Liste der Erfolgskriterien > Prüfkriterium 1.3.2a (18 von 60)


zum WCAG-Test wechseln


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

Prüfschritt 1.3.2a
Sinnvolle Reihenfolge

Technische Angaben

Version bis 10.07.2017 | Aktuell
BITV-Bedingung 1.3.2 Aussagekräftige Reihenfolge
WCAG-Erfolgskriterium 1.3.2 Bedeutungstragende Reihenfolge
Bewertungsalternativen ja / eher erfüllt / teilweise erfüllt / eher nicht erfüllt / nein / nicht anwendbar
Gewichtung geringes Gewicht (1 Punkt)
Bezieht sich auf einzelne Webseite
Prüfschritt erfüllt Seiteninhalte stehen unabhängig von der Darstellung in einer sinnvollen Reihenfolge.
Prüfschritt nicht anwendbar Es werden keine Stylesheets verwendet.

Was wird geprüft?

Seiteninhalte sollen unabhängig von der Darstellung in einer sinnvollen und brauchbaren Reihenfolge stehen. Was inhaltlich zusammengehört (etwa eine Überschrift und die dazugehörigen Inhalte darunter) soll nicht auseinandergerissen werden. Mittels CSS versteckte Seiteninhalte sollen deshalb an sinnvoller Stelle im Seitenquelltext erscheinen.

Dynamische Inhalte, die im Ausgangszustand visuell versteckt sind, sollen auch für Screenreader verborgen sein, damit sie nicht die Lesereihenfolge stören.

Ausschlaggebend bei der Prüfung ist nicht, ob die Seite in der Ansicht ohne CSS visuell eine verständliche Lesereihenfolge hat. Ausschlaggebend ist, ob bei eingeschaltetem CSS die Reihenfolge beim lineraren Lesen mit dem Screenreader sinnvoll ist.

Warum wird das geprüft?

Screenreader lesen die Elemente, die auf dem Bildschirm in der Fläche angeordnet sind, nacheinander vor - und zwar in der Reihenfolge, in der sie im Quellcode stehen. Die Reihenfolge der Elemente muss also gut verständlich und nutzbar sein.

Wie wird geprüft?

1. Anwendbarkeit des Prüfschritts

Der Prüfschritt ist anwendbar, wenn CSS verwendet wird, insbesondere für die Positionierung von Inhalten, und wenn Inhalte dynamisch eingeblendet oder eingefügt werden.

2. Prüfung

2.1. Lesereihenfolge für Screenreader-Nutzer

  1. Seite im Firefox aufrufen und in der Web Developer Toolbar CSS > Disable All Styles wählen. Bleibt die logische Reihenfolge von sichbaren Seiten-Inhalten nach dem Abschalten von CSS erhalten?
  2. CSS wieder einschalten. Die Reihenfolge der Inhalte mit dem Screenreader NVDA im Lesemodus (Pfeiltaste nach unten) überprüfen. Gibt es Linearisierungsprobleme, die bei der Screenreader-Nutzung störend sind? Werden visuell versteckte Inhlate vorgelesen?

2.2 Prüfung der Linearisierbarkeit von Layouttabellen

Wenn Tabellen für das Layout (die Anordnung von Elementen auf der Seite) eingesetzt werden, müssen sie linearisierbar sein.

  1. Seite im Firefox anzeigen.
  2. Mittels Web Developer Toolbar die Funktion Miscellaneous > Linearize page die Struktur der Seite und damit die der Layouttabelle linearisieren.
  3. Prüfen, ob die lineare Reihenfolge der angezeigten Inhalte sinnvoll ist.

3. Hinweise

Reihenfolge von Inhalten

Die visuelle Anordnung der Seitenelemente kann von der Reihenfolge im Quelltext abweichen. Sichtbare Inhalte sollen in der Regel in der gleichen Reihenfolge wie im Quelltext stehen. Bei der Nutzung von CSS Layout-Technik grid kommt es hier häufiger zu Problemen.

Dynamische Elemente

Häufig und deshalb auch zu akzeptieren sind durch CSS versteckte Inhalte etwa Ausklappmenüs oder Popup-Elemente, die bei der Ansicht ohne CSS sichtbar werden. Problematisch sind sie für Screenreader-Nutzer vor allem dann, wenn sie zwar visuell mittels CSS versteckt werden, aber vom Screenreader im Lesemodus dennoch erreicht werden, z.B. weil sie nicht mit geeigneten Mitteln wie display:none versteckt wurden.

Zu WAI-ARIA: Die Verwendung von WAI-ARIA spielt in diesem Prüfschritt keine Rolle.

4. Bewertung

Nicht voll erfüllt:

  • Versteckte Texte oder dynamische Einfügungen erscheinen an verwirrender Stelle beim Lesen mit dem Screenreader.

Einordnung des Prüfschritts

Abgerenzung von anderen Prüfschritten

  • Custom controls, die etwa Benutzerschnittstellen aus positionierten divs mit Hintergrundbildern erzeugen, werden bereits in einer Reihe von bestehenden Prüfkriterien implizit geprüft, etwa 2.4.7a "Aktuelle Position des Fokus deutlich", und 4.1.2a "Name und Rolle von Bedienelementen verfügbar".
  • Die korrekte Reihenfolge im Quelltext bei dynamisch generierten oder eingeblendeten Elementen ist Gegenstand von Prüfschritt 2.4.3a "Schlüssige Reihenfolge bei Tastaturbedienung".

Einordnung des Prüfschritts nach WCAG 2.1

Guideline

Success criterio

Techniques

General Techniques

CSS Techniques

Scripting Techniques

Failures

Quellen

Grid by example (Rachel Andrew)

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