Das Prüfverfahren zur BITV



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

lwv-hessen

Prüfung

Anmerkungen zum Prüfgegenstand

Auf Seite 3 wird nicht die Suche, sondern die Suchergebnisse nach Eingabe von "Inklusion" geprüft.

Ergebnis

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

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Inhaltsseite Hessenkarte)

Seite 3 (Suchergebnis, "Inklusion")

Seite 4 (Inhaltsseite Duales Studium)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

Teilweise erfüllt ist 1 von 49 Prüfschritten:

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

    • #aria-expanded# ist nicht richtig umgesetzt. Alle Menüeinträge mit Untermenüs benötigen ein aria-expanded-Attribut (betrifft auch die Untermenüs mit weiteren Untermenüs). Ohne diesen Hinweis ist eine nicht visuelle Navigation des Hauptmenüs kaum möglich.
    • Der Button "Hauptmenü" in der responsiven Ansicht (Hamburger Symbol) benötigt ein aria-expanded-Attribut, um den Zustand (erweitert/reduziert) zu vermitteln. Beim Zurücktabben im geöffneten Menü lautet der Button zum Schließen "Menü öffnen".
    Seite 1: teilweise erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 2: teilweise erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 3: teilweise erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 4: teilweise erfüllt

    Siehe allgemeine Anmerkungen.

    Das Akkordeon-Menü unter "Das Wichtigste zum Dualen Studium" benötigt eine Rolle. Die Pfeile zum auf-zuklappen der Menüpunkte sollten dabei den Zustand (erweitert/reduziert) vermitteln. Zur empfohlenen Umsetzung siehe: https://www.w3.org/TR/2017/NOTE-wai-aria-practices-1.1-20171214/examples/accordion/accordion.html

    Punktabzug: 1,5 Punkte

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

  • Prüfschritt 1.1.1b - Alternativtexte für Grafiken und Objekte

    Seite 1: eher erfüllt

    Die Alternativtexte der Grafiken im Slider "Neuigkeiten" sind zu lang. Alternativtexte ersetzen das Bild, sie sollen also (wenn möglich) dieselbe Aufgabe erfüllen wie das Bild. Es sollte kurz und knapp beschrieben werden, was man sieht und nicht den title-Text wiederholen. Ausführliche Beschreibungen wie auch Quellenangaben gehören nicht in den Alternativtext. Beispiel: "Walter Picard Preis": Der Alternativtext könnte lauten "Siegerehrung" o.ä.

    Seite 4: eher erfüllt
    • Der Alternativtext für Brigitte Behr ist redundant mit dem darunter stehenden Text. "Birgit Behr" reicht im Alternativtext.
    • Der Zuständigkeitsbereich für Frau Diekmann gehört nicht in den Alternativtext.
    • Quellenangaben der Fotos gehören nicht in den Alternativtext.
    Seite 3: erfüllt

    Die PDF-Symbole sollten einen Alt-Text haben, siehe Anmerkung und Bewertung Prüfschritt 2.4.4a - Aussagekräftige Linktexte.

    Seite 2: nicht anwendbar

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.1.1c - Leere alt-Attribute für Layoutgrafiken

    Betrifft die responsive Ansicht:
    Die Pfeile zum Aufklappen der Untermenüs sollten vor Screenreadern versteckt sein. Zur Zeit ist die Ausgabe im Screenreader "größer als".
    Siehe dazu auch Prüfschritt 4.1.2a Name, Rolle, Wert verfügbar

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

    Punktabzug: 0,25 Punkte

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

    Seite 1: eher erfüllt

    Die h3 "Kaufleute für Büromanagement" im Slider gehört logisch zu "Engagierter Nachwuchs", semantisch ist sie aber der h2 "Vom Glück der Arbeit" untergeordnet. Konsistent mit den anderen Sliderelementen wäre eine Auszeichnung von "Kaufleute für Büromanagement" mit dem Absatz Element p.
    Besser noch wäre es die Dachzeilen in die Überschriften zu integrieren.

    Seite 2: eher erfüllt

    "Weitere Informationen" sollte als Überschrift ausgezeichnet sein.

    Seite 3: eher erfüllt

    Entweder sollte die vorhandene visuelle Überschrift "Suche nach "Inklusion"" als Überschrift (h2) ausgezeichnet oder eine zusätzliche h2-Überschrift "Suchergebnis" davor eingefügt werden.

    Seite 4: eher erfüllt

    Siehe Seite 2.

    Punktabzug: 0,75 Punkte

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

    Seite 1: eher erfüllt

    Die Inhalte des Karussells "Neuigkeiten" sollte als Liste ausgezeichnet sein (siehe richtige Umsetzung oberes Karussell).

    Seite 4: erfüllt

    Die Aufzählung der Vorteile eines Dualen Studiums ist von der Funktion her eine Liste und sollte als Liste ausgezeichnet werden.

    Seite 2, 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    Seite 2: teilweise erfüllt

    Probleme bei der interaktiven Karte (getestet unter Windows 10 mit NVDA 59.02 und JAWS 2018):
    Im Internet Explorer werden die Gebiete zwar angesprungen, im NVDA-Screenreader ist aber keine Ausgabe.
    In Mozilla Firefox wird die Karte übersprungen, wenn am Anfang der Seite der Sprunglink "Navigation überspringen" gewählt wurde. Nur nach einem Rückwärtstab (Shift+Tab) gelangt man in die Karte und kann die Gebiete mit weiteren Rückwärtstabs anspringen.
    Siehe dazu Bewertung in Prüfschritt 2.4.3a Schlüssige Reihenfolge bei Tastaturbedienung.
    Eine Alternative (z.B. ein Link auf eine Seite mit einer Darstellung als Liste) ist nicht vorhanden.

    Seite 1, 3, 4: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.1a - Bereiche überspringbar

    Der Inhaltsbereich ist nicht mit main ausgezeichnet. Wenn die HTML5 Bereichselemente eingesetzt werden, sollte dies auch konsequent für alle Hauptbereiche der Seite beibehalten werden. Direkt vor dem Inhaltsbereich ist zwar eine versteckte h1 vorhanden, die wiederholt aber nur den Titel der Seite.

    Seite 1: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 2: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 3: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 4: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Punktabzug: 0,5 Punkte

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

    Seite 2: teilweise erfüllt

    In Mozilla Firefox wird nach Auslösen des Sprunglinks "Navigation überspringen" der Fokus auf das erste Element NACH der interaktiven Karte gesetzt. Wenn das gesamte Menü vorher mit der Tastatur durchlaufen wird ist das Verhalten wie erwartet.

    Seite 1, 3, 4: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.4a - Aussagekräftige Linktexte

    Die drei Links zur Wegbeschreibung mit dem gleichen Linktext "Anfahrt" sind für Screenreader-Nutzer schwierig zu unterscheiden. Die Information im title-Attribut ist nicht ausreichend. Mit Hilfe von aria-label- oder aria-labelledby sollte die Information ergänzt werden.

    Seite 1: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Kein Hinweis auf das PDF-Format bei den Stellenangeboten vorhanden.

    Seite 2: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 3: eher erfüllt

    Siehe allgemeine Anmerkungen.

    • Kryptischer Linktext in der Ergebnisliste: "csm_Anfahrt_Integrationsamt_Kassel_787a0d0c2c.jpg
    • Einträge 19, 20, 63, 64 der Ergebnisliste enthalten offene br-Tags, die, weil offen, Teil der Linktexte sind.
    • Einträge 43 bis 46 der Ergebnisliste haben kryptische Linktexte (z.B. lwv-rkw-170503-8681.jpg).
    Seite 4: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Punktabzug: 0,5 Punkte

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

    Seite 2: teilweise erfüllt

    Die Fokushervorhebung in der interaktiven Karte im Internet Explorer ist nicht deutlich genug.

    Seite 1, 3, 4: erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.2.1a - Keine unerwartete Kontextänderung bei Fokus

    Seite 1: eher erfüllt

    Bei Tastaturbedienung des Menüs "Bitte Thema wählen" aktiviert die Escape-Taste zum Verlassen des Menüs automatisch den Filter des zuletzt aktivierten Eintrags.

    Seite 2, 3, 4: erfüllt

    Punktabzug: 0,5 Punkte

Erfüllt sind 25 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