Das Prüfverfahren zur BITV

Sie sind hier: BITV-Test > Prüfergebnisse für Webauftritte (Alle Tests) > Landtag Thüringen

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

Landtag Thüringen

Prüfung

Ergebnis

Punkte: 91 von 100 (gut zugänglich)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Sitzordnung)

Seite 3 (Abgeordneter)

Seite 4 (Gruppenbesuch)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

Eher nicht erfüllt ist 1 von 49 Prüfschritten:

  • Prüfschritt 3.3.1a - Fehlererkennung

    Seite 4: eher nicht erfüllt

    Da nur eine Fehlermeldung über role=alert ausgegeben werden kann, jedoch mehrere Fehler passieren können - sollten die Meldungen mit aria-describedby mit dem input verknüpft werden. Diese werden dann ausgegeben, sobald der Fokus im Feld ist. Der Fokus springt derzeit zwar immer in das erste nicht ausgefüllte Feld, gibt dabei aber falsche Hinweise aus. Die Hinweise beziehen sich auf andere Felder und werden scheinbar willkürlich ausgegeben.

    Seite 1, 2, 3: nicht anwendbar

    Punktabzug: 1,5 Punkte

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

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

    • Header: Navigationsleiste "Termine", "Landtag live" etc.: sollte als Liste ausgezeichnet sein.
    • Termine einblenden: Die Filter sind nicht als Liste ausgezeichnet.
    • Navigation: Für die zwei-spaltige Navigation sollten nicht zwei ul eingesetzt werden, sondern eine, damit Screenreader-Nutzern sofort klar wird, wieviele Einträge (auf der obersten Ebene es im Untermenü gibt).
    Seite 4: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 1: teilweise erfüllt

    Siehe allg. Anmerkung.

    • Social Media: Die "Facebook", "Twitter" etc. am Ende des Panels "Social Media" sollten als Liste ausgezeichnet sein.
    Seite 2: teilweise erfüllt

    Siehe allg. Anmerkung.

    • rechte Spalte: Die Auflistung der Amtsinhaber (z.B. "Fraktionsvorsitzender etc. rechte Spalte) sollte als Liste ausgezeichnet sein.
    • Download: Die Downloadlinks wären besser als Liste ausgezeichnet. Hier zwar nur zwei Links, aber auf anderen Seiten gibt es an dieser Stelle mehr Optionen, daher der Konsistenz wegen eine Liste.
    Seite 3: teilweise erfüllt

    Siehe allg. Anmerkung.

    • Weitere Informationen: Da hier nichts von den Überschriften "überschrieben" wird, wäre eine Liste das geeignetere Strukturelement (vergleiche Abgeordnetenliste nach Fraktionen im Akkordeonmodul S. 2)

    Punktabzug: 1 Punkt

  • Prüfschritt 4.1.1a - Korrekte Syntax

    Geprüft wurde mit dem NU HTML checker. Die Ergebnisse wurden mit dem WCAG Parsing only Bookkmarklet gefiltert.

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

    Punktabzug: 1 Punkt

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

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

    Seite 1: eher erfüllt
    • Kalender im Inhaltsbereich: Die Pfeil-Icons des Kalenders haben als Textalternative nur ein title-Attribut. Zudem ist ein aria-hidden=true implementiert, der title wird vermutlich deshalb nicht ausgegeben. aria-hidden sollte nicht auf sichtbare interaktive Elemente angewandt werden.
    Seite 2, 3, 4: erfüllt

    Punktabzug: 0,75 Punkte

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

    Seite 1: eher erfüllt
    • Personen im Thüringer Landtag: nicht als Überschrift ausgezeichnet.
    • Services des Thüringer Landtags: "Besuchen Sie den Thüringer Landtag" sollte der Überschrift "Services des Thüringer Landtags" untergeordnet sein (derzeit auf derselben Ebene).
    Seite 2: eher erfüllt
    • Services des Thüringer Landtags: Siehe S. 1.
    • Akkordeon: Innerhalb der Panel sollte mit h4 weiter gegliedert werden (betrifft "Geschäftsstelle").
    Seite 3: teilweise erfüllt
    • Mitgliedschaft in Ausschüssen & Gremien und Wahlkreisbüro (rechte Spalte) sollte als h2 ausgezeichnet sein. Siehe S. 4.
    • Pflichtangaben: Zwischenüberschriften, die die Listen überschreiben, sollten als Überschrift ausgezeichnet sein (zumindest das was fett dargestellt ist).
    Seite 4: erfüllt

    Die Links unter "Weitere Informationen" (direkt vor dem Footer) sollten nicht als Überschriften ausgezeichnet sein. Ihnen ist kein Inhalt zugeordnet. Siehe PS "HTML-Strukturelemente für Listen".

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    • Footer (Kontakt / Externe Links / Sprache) ececec auf 767676: IST 3,84:1 SOLL 4,5:1.
    • eingeblendeter Kalender, Montag, Dienstag etc. 767676 auf ececec: IST 3,84:1 SOLL 4,5:1.
    • Ebenso aktiver Schalter im Header "Termine" bzw. "Suche" blau auf grau: IST 3,8:1 SOLL 4,5:1.
    Seite 1: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 2: eher erfüllt

    Siehe allg. Anmerkung.

    CDU: IST 2,1:1
    SPD: IST 4,0:1
    AFD: IST 3,0:1
    Grüne: IST 3,7:1
    Fraktionslos: IST 3,2:1.

    SOLL jeweils 4,5:1.

    Seite 3: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 4: eher erfüllt

    Siehe allg. Anmerkung.

    • Fehlermeldung: Rot/weiß IST 4,0:1 SOLL 4,5:1.

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.1.1a - Ohne Maus nutzbar

    Seite 1: teilweise erfüllt
    • Kalender, Inhaltsbereich:
      Die Tage lassen sich nur mit der Maus aktivieren, nicht aber mit der Tastatur.
      Die Schaltflächen "vor"/"zurück" lassen sich mit der Tastatur (eingeschalteter Screenreader NVDA) nicht aktivieren. Sehr wahrscheinlich liegt das an dem aria-hidden=true. Bei Nutzung des Screenreaders JAWS spring der Fokus bei "ENTER" sogar auf den Link "Impressum".
    • Mobile Ansicht:Die Tab-Panel siehen nicht mehr aus wie ein Tab-Panel (Darstellung: mehrere Links untereinander), sehende Tastaturnutzer kommen sehr wahrscheinlich nicht auf die Idee die rechts-links-Pfeiltasten zu benutzen. Die nach oben/unten-Pfeiltasten sollten hier auch funktionieren (wie es in den Authoring Practices für vertikale Tabpanels beschrieben ist).
      Usability-Problem: Zusätzlich verwirrend kann sein, dass wenn man einen Link aktiviert (der Inhalt wird unterhalb ausgetauscht), der Ausklappbereich wieder zugeklappt ist und vor der "+"-Schaltfläche sich die Bezeichnung geändert hat (Bezeichnung des aktuellen Tabs)
      Möglicherweise ist die Orientierung besser gewährleistet, wenn der Ausklappbereich offen bleibt und man den aktuellen Tab durch die Hervorhebung wahrnimmt.
    Seite 2: teilweise erfüllt
    • Kalender: Siehe S. 1.
    • Mobile Ansicht: Tabpanel, siehe S.1.
    Seite 4: teilweise erfüllt
    • Select Typ des Besuchs: Mit den Pfeiltasten kann man immer nur eine Option weiter navigieren, verliert dann den Fokus. Man muss das Select erneut fokussieren und kann wieder mit der Pfeiltaste eine Option weiter navigieren. Es sollte jedoch so funktionieren, wie bei "Art der Besuchergruppe": Wenn das Select den Fokus hat, sollte man mit den Pfeiltasten alle Optionen durchwandern können.
    Seite 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 2.4.1a - Bereiche überspringbar

    Das aria-label für die beiden Service-Navigationen ist recht lang.

    Seite 1: eher erfüllt

    Der Schalter zum Überspringen des Kalenders unter "Services des Thüringer Landtags" im Inhaltsbereich hat die Textalternative "Abschnitt überspringen". Ohne visuelle Wahrnehmung ist das nicht aussagekräftig. Besser wäre z.B. "Kalender überspringen".

    Seite 2: eher erfüllt

    Der Schalter zum Überspringen der Sitzordnung sollte eine aussagekräftige Bezeichnung haben wie z.B. "Grafische Darstellung der Sitzverteilung überspringen" und nicht "Abschnitt überspringen". Nach Auslösen des Schalters sollte das Tabpanel "Nach Fraktionen" etc. fokussiert werden. Hier wird als nächstes Element der Inhalt des ersten Tabs, das Akkordeon Menü fokussiert.
    Kalender siehe Seite 1.

    Seite 3, 4: erfüllt

    Punktabzug: 0,5 Punkte

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

    Seite 2: eher erfüllt
    • Kalender, Inhaltsbereich: Siehe S. 1.
    Seite 1: teilweise erfüllt
    • Kalender, Inhaltsbereich: Wird ein Datum ausgewählt (was derzeit mit der Tastatur noch nicht geht), ändert sich oberhalb der Inhalt in der blauen Box. Der Fokus sollte auf den Anfang der Box gesetzt werden.
    • Tab Social Media: Social-Media-Filter blenden Inhalte oberhalb des auslösenden Elements ein. Dies ist für blinde Nutzer so schwer verständlich (siehe oben Kalender), es sollte für ein Fokusmanagement gesorgt werden (Fokus sollte auf den Anfang des eingeblendeten Bereichs gesetzt werden).
    Seite 4: teilweise erfüllt
    • Select "Typ des Besuchs": Wird hier eine Änderung vorgenommen, ist der Focus beim nächsten TAB meist wieder auf dem Select, wird nochmal eine Änderung vorgenommen, dann beim nächsten TAB auf dem ersten PDF-Download-Link unterhalb des Formulars. Das Verhalten konnte nicht schlüssig nachvollzogen werden.
    Seite 3: erfüllt

    Punktabzug: 0,5 Punkte

  • Prüfschritt 2.4.5a - Alternative Zugangswege

    Die Suche kann auf S. 4 nicht eingeblendet werden.

    Punktabzug: 0,5 Punkte

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

    • Die Fokushervorhebung in der Hauptnavigation der blau hinterlegten Einträge ist zu schwach.
    • Mobile Ansicht, vertikale Tabpanel (S. 1 und 2). Besser wäre, wenn die Fokushervorhebung eindeutiger wäre. Wenn die Schaltfläche, die den Bereich ausklappt den Fokus hat, sollte auch nur das "+"-Icon hervorgehoben sein (siehe S. 2 Akkordeon), wenn der Reiter den Fokus hat, die Bezeichnung.
    Seite 1, 2, 3, 4: eher erfüllt

    Punktabzug: 0,25 Punkte

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

    • "Termine" und "Suche": Das aria-expanded wird nicht korrekt von "false zu" "true" umgeschrieben, bzw. vom Screenreader wird nur "reduziert" ausgegeben.
    • Mobile Ansicht: "+"-Icon: Über die Textalternative alleine ("Öffnet/schließt...") wird der aktuelle Zustand (reduziert/erweitert) nicht optimal abgebildet. aria-expanded sollte verwendet werden.
    Seite 1: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 2: eher erfüllt

    Siehe allg. Anmerkung.

    • Akkordeon-Schaltflächen: Der Einsatz von aria-disabled ist hier nicht korrekt.
    Seite 3: eher erfüllt

    Siehe allg. Anmerkung.

    Seite 4: eher erfüllt

    Siehe allg. Anmerkung.

    Punktabzug: 0,75 Punkte

Erfüllt sind 25 von 49 Prüfschritten:

Nicht anwendbar sind 12 von 49 Prüfschritten:

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

© DIAS GmbH v 4.0| Impressum

nach oben