Das Prüfverfahren zur BITV



Blättern:

Stadt Leipzig

Prüfung

Ergebnis

Punkte: 93,25 von 100 (gut zugänglich)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Übersicht)

Seite 3 (Kontaktformular)

Seite 4 (Suchfliter)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

Teilweise erfüllt sind 2 von 49 Prüfschritten:

  • Prüfschritt 1.1.1a - Alternativtexte für Bedienelemente

    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

    Seite 4: teilweise erfüllt

    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".

    Seite 1, 2, 3: teilweise erfüllt

    Punktabzug: 1,5 Punkte

  • Prüfschritt 2.2.2a - Bewegte Inhalte abschaltbar

    Betr. Werbung (animierte Banner). Hier wird die aus der Animation resultierende mögliche Ablenkung der Nutzer negativ bewertet.

    Seite 1, 2, 3, 4: teilweise erfüllt

    Punktabzug: 1 Punkt

Eher erfüllt sind 7 von 49 Prüfschritten:

  • Prüfschritt 1.3.1a - HTML-Strukturelemente für Überschriften

    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.

    Seite 4: teilweise erfüllt

    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".

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.3.1h - Beschriftung von Formularelementen programmatisch ermittelbar

    Seite 3: eher erfüllt

    Die Bedeutung des * wird nicht am Anfang des Formulars erklärt.

    Die Pflichtfelder sollten mit aria-required (o.ä.) ausgezeichnet sein.

    Seite 1, 2, 4: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.1a - Bereiche überspringbar

    Betrifft Seiten 2, 3 und 4:
    "Sie sind hier" hat ein englischsprachiges aria-label (Breadcrumb).

    Seite 1: teilweise erfüllt

    Startseite: Es wird mehrfach die Rolle main (Hauptinhaltsbereich) vergeben. Diese Rolle sollte nur 1x pro Seite verwendet werden.

    Seite 2, 3, 4: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.2a - Sinnvolle Dokumenttitel

    Werbung: Der iframe für die Werbe-Banner hat kein title-Attribut.

    Seite 4: teilweise erfüllt

    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.

    Seite 1, 2, 3: eher erfüllt

    Punktabzug: 0,5 Punkte

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

    Seite 1: teilweise erfüllt

    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.

    Seite 2, 3, 4: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 4.1.1a - Korrekte Syntax

    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/

    Seite 4: nicht erfüllt
    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 4.1.2a - Name, Rolle, Wert verfügbar

    Seite 4: eher erfüllt

    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.

    Seite 1, 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

Erfüllt sind 27 von 49 Prüfschritten:

Nicht anwendbar sind 13 von 49 Prüfschritten:

Blättern: