Das Prüfverfahren zur BITV



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

Stadt Lohmar

Prüfung

Ergebnis

Punkte: 95 von 100 (sehr gut zugänglich)

Geprüfte Seiten

Seite 1

Seite 2

Seite 3

Bewertung und Anmerkungen zu einzelnen Prüfschritten

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

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

    Die beiden nebeneinanderstehenden Links zu Facebook führen zum selben Ziel, deshalb sollten sie auch den gleichen Alternativtext haben.

    Logo und Bannertextgrafik führen zum selben Ziel, deshalb wäre es konsequenter, beide Grafiken mit einem Ankerelement zu verlinken.

    Seite 1: eher erfüllt

    Unnötig detaillierte Alternativtexte bei den Teaserbildern in den Tab-Panels (etwa "Zu sehen ist ein Auschnitt eines Stimmzettels der Bundestagswahl am 24.09.2017 Das Vorschaubild ist mit der Detailansicht des Beitrags verlinkt." Der auf den Teaserbildern stets wiederholte Hinweis, dass das Bild mit der Detailansicht des Beitrags verlinkt ist, ist überflüssig und störend: dass hier ein Link vorliegt, wird ja über die Rolle vermittelt, und das Linkziel wird im alt-Attribut genannt. Die Redundanz wird noch verstärkt durch die überflüssige Wiederholung des Alternativtextes im title-Attribut.

    Seite 2: erfüllt

    alt-Text Spezialseiten für das große Hintergrundbild nicht zielführend, aber über aria-hidden=true wohl ohnehin unterdrückt.

    Seite 3: erfüllt

    Punktabzug: 0,75 Punkte

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

    Die Sprunglinks am Seitenbeginn sollten als Liste ausgezeichnet werden.

    Seite 2: eher erfüllt

    Suchergebnisse sollten zur besseren nicht-visuellen Navigation als Liste ausgezeichnet sein (oder sonst Einzelergebnisse mit h3-Überschrift).
    Vergl. auch allgemeine Anmerkung.

    Seite 1: erfüllt

    Vergl. allgemeine Anmerkung.

    Seite 3: erfüllt

    Vergl. allgemeine Anmerkung.

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.3.1c - HTML-Strukturelemente für Zitate

    Seite 3: eher erfüllt

    Blockzitat "Ich habe die Vision.." sollte mit blockquote ausgezeichnnet sein.

    Seite 1, 2: nicht anwendbar

    Punktabzug: 0,25 Punkte

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

    Seite 2: eher erfüllt

    Filter sollte als legen eines fieldset umgesetzt werden, dass die Checkboxen einschließt. So ist bei nichtvisueller Nutzung nicht unmittelbar klar (wenn auch vom Kontext her naheliegend), dass es sich hier um eine Filterung handelt.

    Seite 1, 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    Text "Stadt der Generationen" (Grün auf mit Grau überlegtem Fotohintergrund) hat einen zu geringen Kontrast (ca. 1,8:1 bis 2,3:1, SOLL: 3:1).
    Text "Aktiv im Grünen leben" (Blau auf mit Grau überlegtem Fotohintergrund) hat abhängig von der Helligkeit des Fotohintergrunds einen zu geringen Kontrast (ca. 2,7:1 bis 3,1:1, SOLL: 3:1).

    Seite 1: eher erfüllt

    Text "Bürgerservice, Aktuelles, Verwaltung und Rat" auf Karussel hat mit ca. 2,8:1 einen etwas zu geringen Kontrast (SOLL: 3:1).
    Kontrast des Datums "Historisches aus Lohmar", blauer Text (437EB2) auf grauem Hintergrund (F0F0F0), IST: 3,8:1, SOLL: 4,5:1.
    Vergl. allgemeine Hinweise.

    Seite 2: eher erfüllt

    Hervorgehobener Suchbegriff in den Teasertexten, rot (FF0000) auf weiß (FFFFFF), IST 4,0:1, SOLL 4,5:1. Vergl. allgemeine Hinweise.

    Seite 3: eher erfüllt

    Vergl. allgemeine Hinweise.

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    Seite 1: eher erfüllt

    Kalender-Einträge: Einträge werden bei Tastaturnutzung beim Fokussieren angezeigt und vorgelesen, die im Pop-Over enthaltenen Links sind aber nicht mittels Tastatur fokussierbar bzw. auslösbar, um zu den hinterlegten Seiten zu gelangen. Die Pfeiltastennavigation, die im Screenreader-Browse-Modus zu den Inhalten führen könnte, wird anscheinend über JavaScript abgefangen und zum Navigieren zur nächsten und vorhergehenden Zelle (benachbarte Tage) genutzt. Insofern stimmt auch nicht der zugänglich versteckte Hinweis an nicht-visuelle Nutzer "Wenn Sie einen Tag ausgewählt haben, drücken Sie Enter, um zu den Veranstaltungen dieses Tages zu gelangen". Das Ausführen dieses Hinweises führt im Gegensatz dazu, dass das Popover schließt.
    Alle Veranstaltungen sind jedoch über den Link "Alle Veranstaltungen anzeigen" auf einer extra Seite verfügbar.

    Seite 2, 3: erfüllt

    Punktabzug: 0,75 Punkte

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

    Die Reihenfolge, in der die Inhaltselemente durchlaufen werrden, entspricht nicht der visuellen Anordnung (Kopf, mittlere Spalte, rechte Spalte, dan erst linke Spalte, dann Footer). Ist aber durch die gute Zugänglichkeit über Landmarks unsd Sprungmarks kein gravierendes Problem.

    Seite 1: eher erfüllt

    Nach Auswahl eines Tabs (Aktuelles, Verkehrshinweise, usw.) sollte der Fokus im Tabpanel landen und nicht erst noch die übrigen Tabs durchlaufen.

    Seite 2: erfüllt

    Vergl. aber allgemeine Anmerkung.

    Seite 3: erfüllt

    Vergl. aber allgemeine Anmerkung.

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.4a - Aussagekräftige Linktexte

    title Attribute auf allen Einträgen der Navigation sind überflüssig und verschlechtern die nicht-visuelle Nutzung (ggf. doppelte Ausgabe bei nicht visueller Nutzung).

    Seite 2: eher erfüllt

    Links im Blättermenü nicht aussagekräftig hier wird nur 1 - Link, 2 - Link usw. ausgegeben.
    Die Links sollten über verstickten Linktext oder aria Label Aussagekräftiger werden (etwa Suchergebnisse - Seite 2.
    Vergl. allgemeine Anmerkung.

    Seite 1: erfüllt

    Verlinkte h3-Überschriften in den Tabpanels:
    #title# wiederholt den Linktext - visuell ist das unnötig, da der Text ja sichtbar ist, bei nicht-visueller Nutzung ist es störend redundant (doppelte Ausgabe).
    Vergl. auch allgemeine Anmerkung.

    Seite 3: erfüllt

    Vergl. allgemeine Anmerkung.

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.7a - Aktuelle Position des Fokus deutlich

    Fokussichtbarkeit auf der Hauptnavigation bei Mausnutzung (Menü klappt aus) sehr viel deutlicher als bei Tastaturnutzung (dünner gestrichelter Rahmen).
    Fokus auf der Suchen-Lupe bei Mausnutzung (grau unterlegt) deutlicher als be Tastaturfokussierung (dünner gestrichelter Rahmen).

    Seite 1: eher erfüllt

    Siehe allgemeine Anmerkung.

    Seite 2: eher erfüllt

    Im Firefox (v.55) bei 100% Vergrößerungsfaktor (Standard) kein sichtbarer Fokus auf den Filter-Optionen nach dem Sucheingabefeld (Fokus unterdrückt). Die Fokusposition bei Tastaturnutzung ist hier nur über Versuch und Irrtum rauszukriegen. In v.56 sichtbar. Im IE ist der gestrichelte Rahmen sichtbar.
    Siehe auch allgemeine Anmerkung.

    Seite 3: eher erfüllt

    Siehe allgemeine Anmerkung.

    Punktabzug: 0,25 Punkte

Erfüllt sind 27 von 49 Prüfschritten:

Nicht anwendbar sind 13 von 49 Prüfschritten:

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