Das Prüfverfahren zur BITV



Blättern: zum ersten Test zum vorhergehenden Test zum nächsten Test zum letzten Test

Bad Oldesloe

Prüfung

Ergebnis

Punkte: 93 von 100 (gut zugänglich)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Übersicht)

Seite 3 (Inhalt)

Seite 4 (Service)

Seite 5 (Formular)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

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

  • Prüfschritt 3.3.1a - Fehlererkennung

    Seite 5: teilweise erfüllt

    Die Fehlermeldungen werden als alleiniger Inhalt einer neu geladenen HTML-Seite ausgegeben. Dieses Verhalten ist visuell gut wahrnehmbar, könnte aber bei Nutzung eines Screenreaders als irritierend empfunden werden. Es fehlen Standards wie Dokumenttitel und Sprachauszeichnung. Die Inhalte sind in keinster Weise strukturiert. Sinnvoll wäre die Verwendung von Überschriften und Listen.
    Im Text der Fehlermeldung werden Sonderzeichen verwendet ("<<<"). Die Verwendung solcher Zeichen sollte generell vermieden werden, im Screenreader wird das 3x als "kleiner als" ausgegeben.

    Seite 1, 2, 3, 4: nicht anwendbar

    Punktabzug: 1 Punkt

  • Prüfschritt 4.1.1a - Korrekte Syntax

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

    Punktabzug: 1 Punkt

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

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

    Alle Inhaltsseiten: Breadcrumb. Das Home-Icon benötigt eine Textalternative (z.B. aria-label). Das vorhandene title-Attribut ersetzt nicht die Textalternative.

    Hauptnavigation: Der Alternativtext des "Schließen"-Buttons ist mit "Menü" wenig aussagekräftig. Besser wäre "Menü schließen" (siehe title-Attribut).

    Stadtwappen in der Fußzeile: Hier fehlt das Linkziel im Alternativtext.

    Der Sprunglink zum Seitenanfang (Pfeil-Icon) benötigt eine Textalternative. Das vorhandene title-Attribut ersetzt nicht die Textalternative.

    Seite 1, 2, 3, 4, 5: eher erfüllt

    Punktabzug: 0,75 Punkte

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

    Seite 3: eher erfüllt

    Die Verwendung der Überschriftenebenen innerhalb des Accordion-Elements "Sitzungen" ist unlogisch. Sowohl die Bereichsüberschrift und die darauffolgenden Zwischenüberschriften sind mit h2 ausgezeichnet.

    Das betr. auch Inhalte in der rechten Spalte (Kontakt u. Dokumente), diese sind der letzten Überschriift im Inhaltsbereich untergeordnet.

    Seite 1: teilweise erfüllt

    Verschachtelung: Praktisch alle Inhalte der Startseite sind logisch der h1 "Aktuelles & Bekanntmachungen" untergeordnet. Auch Überschriften, die thematisch nchts damit zu tun haben, wie die h2 "Städtische Einrichtungen"

    Seite 2, 4, 5: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.3.1b - HTML-Strukturelemente für Listen

    Seite 3: eher erfüllt

    Betr. Inhalte innerhalb des Accordions "Mitglieder des Beitrats".

    Das Foto oben rechts ist als Liste ausgezeichnet. Eine Liste sollte mindestens 2 Listenelemente (#li#) enthalten.

    Seite 1: teilweise erfüllt

    Die Aufzählungen mit den Nachrichten unter "Aktuelle Meldungen" und "Bekanntmachungen" sollten als Liste (#ul#) ausgezeichnet werden.

    Das betriftt auch die Teaser unter "Städtischen Einrichtungen".

    Seite 2, 4, 5: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    Seite 5: eher erfüllt

    Betr. das Kontaktformular, hier die Seite mit den Fehlermeldungen: Text rot auf weiß, IST: 3,99:1, SOLL: 4,5:1.

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

    Punktabzug: 0,75 Punkte

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

    Hauptnavigation: Nach Betätigung des "Schließen"-Links springt der Fokus zurück an den Seitenanfang. Das erwartete Verhalten wäre hier, dass der Fokus zum nächsten Seitenelement nach dem Link springt.

    Seite 1, 2, 3, 4, 5: eher erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.6a - Aussagekräftige Überschriften und Beschriftungen

    Seite 1: eher erfüllt

    Der Inhaltsblock mit den statistischen Angaben (Einwohner, Vereine, Gäste) hat keine Überschrift.

    Seite 2, 3, 4, 5: erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.3.2a - Beschriftungen von Formularelementen vorhanden

    Seite 5: eher erfüllt

    Kontaktformular: Die Pflichtfelder sind nicht gekennzeichnet. Das sollte visuell und mit aria-required erfolgen.

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

    Punktabzug: 0,75 Punkte

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

    Die Hauptnavigation ist hinsichtlich der Tastaturbedienbarkeit nicht vollständig konform zu den Vorgaben der WAI-ARIA Authoring Practices (#role=menu#). Das betrifft die Navigation mit den Pfeiltasten, die nicht durchgängig möglich ist. Das ist insbesondere bei Nutzung im Screenreader problematisch weil dieser i.d.R. ausgibt, dass die Pfeiltasten genutzt werden können.

    Seite 1, 2, 3, 4, 5: eher erfüllt

    Punktabzug: 0,75 Punkte

Erfüllt sind 25 von 49 Prüfschritten:

Nicht anwendbar sind 14 von 49 Prüfschritten:

Blättern: zum ersten Test zum vorhergehenden Test zum nächsten Test zum letzten Test