accessBlog

WCAG-Techniken: Reihenfolge

Bei der Entwicklung Ihrer Seiten sollten Sie darauf achten, dass die Elemente einer Seite oder Web-basierten Anwendung in einer Reihenfolge angelegt werden, bei der der logische Aufbau im Code der optischen Reihenfolge und der Erwartung der Nutzer entspricht. Was hierbei zu beachten ist zeigen die folgenden WCAG-Techniken:

Weiterlesen …

Allgemeine Techniken

• G57: Anordnung der Inhalte in einer bedeutungstragenden Reihenfolge
• G59: Platzierung der interaktiven Elemente in einer Reihenfolge, die sich nach Abfolgen und Beziehungen innerhalb des Inhalts richtet
• G202: Steuerung per Tastatur für alle Funktionen sicherstellen

HTML-Techniken

• H4: Erstellung einer logischen Tab-Reihenfolge durch Links, Formular-Steuerelemente und Objekte

CSS-Techniken

• C27: Dafür Sorge tragen, dass die DOM-Reihenfolge passend zur visuellen Reihenfolge ist

Client-seitige Scripting-Techniken

• SCR26: Einfügen von dynamischen Inhalten in das Document Object Model unmittelbar anknüpfend an sein auslösendes Element
• SCR29: Hinzufügen von per Tastatur zugänglichen Interaktionen zu statischen HTML-Elementen

Typische Fehler

• F44: Fehler bei Erfolgskriterium 2.4.3, weil tabindex benutzt wird, um eine Tab-Reihenfolge zu erstellen, welche die Bedeutung und Bedienbarkeit nicht bewahrt wird