Punkte: 93,25 von 100 (gut zugänglich)
Die Werbe-Banner haben keine (oder nichtssagende) Alternativtexte. Benötigt werden Alternativtexte in denen zumindest die Funktion ("Werbung") oder das Linkziel benannt ist.
Allgemeiner Hinweis zur Bewertung: Die Werbung ist wg. der Art der Einbindung (#iframe# ohne Titel), fehlende Kennzeichnung (z.B Bereichsüberschriften) sowie der Positionierung im Quelltext der Seite speziell für Screenreader-Nutzer nicht als solche erkennbar). Da die Werbung in diesem Fall nicht klar abgrenzbar ist wird sie als "normaler" Bestandteil der Website betrachtet und geprüft.
http://www.bitvtest.de/bitvtest/das_testverfahren_im_detail/vertiefend/faq.html#werbung
Die Buttons zum Ausklappen der Accordion-Inhalte haben als Textalternative nur ein eher nichtssagendes title-Attribut ("Alles anzeigen"). Siehe dazu auch 4.1.2a - "Name, Rolle, Wert verfügbar".
Punktabzug: 1,5 Punkte
Betr. Werbung (animierte Banner). Hier wird die aus der Animation resultierende mögliche Ablenkung der Nutzer negativ bewertet.
Punktabzug: 1 Punkt
Betrifft die Überschriftenstruktur im Footer:
Die Gliederung der verwendeten Überschriftenebenen ist nicht einheitlich. In der linken Spalte wird für die Überschriften h2 verwendet. In der mittleren und rechten Spalte wird h3 verwendet. Die Überschriften sind in beiden Fällen visuell identisch gestaltet. Das ist für die Nutzer irritierend, weil eine falsche logische Zuordnung entsteht.
Accordion-Darstellung: Verschachtelung der Überschriften ist unlogisch. Die oberste Ebene ist role=heading mit aria-level=3 (korrekt). Die darunter angeordneten Elemente sind ebenfalls aria-level=3 (richtig wäre 4). Zudem ist nicht der Text der Überschrift ausgezeichnet, sondern das Trigger-Element (mit nichtssagender Textalternative. Siehe dazu auch 4.1.2a - "Name, Rolle, Wert verfügbar".
Punktabzug: 0,75 Punkte
Die Bedeutung des * wird nicht am Anfang des Formulars erklärt.
Die Pflichtfelder sollten mit aria-required (o.ä.) ausgezeichnet sein.
Punktabzug: 0,75 Punkte
Betrifft Seiten 2, 3 und 4:
"Sie sind hier" hat ein englischsprachiges aria-label (Breadcrumb).
Startseite: Es wird mehrfach die Rolle main (Hauptinhaltsbereich) vergeben. Diese Rolle sollte nur 1x pro Seite verwendet werden.
Punktabzug: 0,5 Punkte
Werbung: Der iframe für die Werbe-Banner hat kein title-Attribut.
Die Suchergebnisse haben immer denselben Dokumenttitel "Suchergebnisse Behördenwegweiser - Stadt Leipzig", egal nach welchem Buchstaben gesucht wird. Auch auf der Seite mit den Suchergebnissen ist das Suchkriterium nicht deutlich benannt.
Punktabzug: 0,5 Punkte
Startseite/ Slider: Alle Grafiken des Sliders werden erreicht, ohne dass der Fokus dabei sichtbar ist. Das erschwert die Tastaturbedienung weil die Reihenfolge unklar ist.
Werbung: Bevor der Fokus in den Footer Bereich versetzt wird, springt der Fokus in den iframe mit der Werbung.
Punktabzug: 0,5 Punkte
Getestet mit https://validator.w3.org/nu/
Bei der Bewertung werden nur WCAG 2.0 relevante Fehler berücksichtigt. Siehe dazu: https://www.paciellogroup.com/blog/2012/02/wcag-2-0-parsing-error-bookmarklet/
Punktabzug: 0,5 Punkte
Die Buttons zum Ausklappen der Accordion-Inhalte haben als Textalternative nur ein eher nichtssagendes title-Attribut ("Alles anzeigen"). Damit hier eindeutig klar ist welcher Bereich angezeigt wird sollte eine Verknüpfung (z.B. via aria-labelledby) mit der Beschriftung des Accordion-Bereichs eingerichtet werden.
Punktabzug: 0,75 Punkte
Betrifft die Tabelle "Termine".
Betrifft die Tabelle "Veranstaltungen".
