9.1.3.1 Info und Beziehungen

Empfehlungen

Empfehlung

Strukturen mit Listenelementen auszeichnen

Elemente, wie z.B. Link-Listen im Footer, sollten als Liste ausgezeichnet werden. Auch Elemente, die eine Ansammlung von Links darstellen gehören darunter

Beispiele:

Betroffene Seite(n):

Home

Verkehrsmeldungen

Preistabelle

Hilfe & Kontakt

Datenschutz

Betroffene Testschritt(e):

9.1.3.1 Info und Beziehungen

Verstöße

Verstoß

Verwendung HTML-Strukturelemente für Überschriften

### Reihenfolge: Die Reihenfolge der Überschriften sollte einer Logik folgen und systematisch aufgebaut sein. Auf der Startseite ist diese Logik nicht durchgängig eingehalten. Beispiel: Startseite: - Fast am Ende der Seite gibt es eine H1. Diese verweist auf die Unterseite der DOtick App. Eine H1 sollte aber bestenfalls nur ein mal auf einer Seite vorkommen und die Seite beschreiben und nicht ein einzelnes Element. ### Einheitliche Verwendung der Überschriften Gleiche bzw. ähnliche Elemente sollten auch die gleichen Überschriften-Formate haben. Beispiel: Startseite: Bei den Links auf weitere Unterseiten (Interaktiver Liniennetzplan, DSW21-App, Fahrplanbuch und DOtick-App) ist nur eine Überschrift gesetzt (H1 bei DOtick-App). Da die anderen Elemente aber gleichwertig sind, sollten diese auch gleich formatiert sein.

Betroffene Seite(n):

Home

Betroffene Testschritt(e):

9.1.3.1 Info und Beziehungen

Verstoß

Suche Input Feld ohne Label

Ein Input Feld muss entweder ein zugehöriges Label oder ein aria-label aufweisen. Das Input Feld der globalen Suche hat keines von beiden.

Beispiele:

Betroffene Seite(n):

Datenschutz

Hilfe & Kontakt

Preistabelle

Verkehrsmeldungen

Home

Betroffene Testschritt(e):

9.1.3.1 Info und Beziehungen

Verstoß

Liste nicht mit Listenelementen ausgezeichnet

Listen sind nur visuell als Listen erkennbar (z.B. durch "-" oder "1., 2.") aber nicht mit 'ul' oder 'ol' Elementen ausgezeichnet

Beispiele:

Betroffene Seite(n):

Datenschutz

Betroffene Testschritt(e):

9.1.3.1 Info und Beziehungen

Verstoß

Tabellenaufbau nicht korrekt

Headerzeilen bei Tabellen müssen mit 'th' ausgezeichnet werden müssen. Hier sind alle Tabellenzeilen mit 'td' ausgezeichnet worden

Beispiele:

Betroffene Seite(n):

Preistabelle

Hilfe & Kontakt

Betroffene Testschritt(e):

9.1.3.1 Info und Beziehungen