Das Prüfverfahren zur BITV


Sie sind hier: BITV-Test > Prüfergebnisse für Webauftritte (Alle Tests) > Städteregion Aachen


Blättern:

Städteregion Aachen

Prüfung

Ergebnis

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

Prüfberichte

Prüfbericht vom 15.09.2017, 10:18 (PDF)

Geprüfte Seiten

Seite 1 (Startseite)

Seite 2 (Freizeit und Tourismus)

Seite 3 (Informationsmaterial)

Seite 4 (Tihange abschalten)

Bewertung und Anmerkungen zu einzelnen Prüfschritten

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

  • Prüfschritt 3.2.3a - Konsistente Navigation

    • Der erste Menüeintrag in der Hauptnavigation verhält sich bei Tastaturbedienung auf den Seiten 1 und 2 (öffnet das Ausklappmenü) anders als auf den Seiten 3 und 4 (verlinkt auf die Homepage).
    • Bei "Ämter" zeigt die Bereichsseite eine lange Liste, die der Reihenfolge im Ausklappmenü entspricht. Bei Politik hat die Darstellung eine völlig andere visuelle Form.
    • Die Einträge des Kategorien-Menüs (Aktiv / Nachhaltig / Bildung / Sozial) finden sich nicht in gleicher Form auf den durch Aktiverung des Menüpuntks erreichten Bereichsseiten. Es gibt dort zusätzliche Elemente, manche Elemente fehlen (etwa Sport und Freizeit des Menüpunkts Aktiv, andere tauchen mit abweichendem Namen auf. Das Ganze ist deshalb wenig einheitlich und schwer zu überschauen.
    • Zum Bürgerportal gehörige Seiten wie https://bportal.staedteregion-aachen.de/ortsrecht/-/egov-srac-dokumentenablage/64337077 sind kaum unterscheidbar, öffnen sich aber überraschend in einem neuen Tab. Hier taucht ebenfalls das bekannte Haupt-Menü auf (aber um den letzten Eintrag verkürzt), jedoch ohne das erwartete Ausklappmenü. Dafür gibt es ein zusätzliches Menü (Startseite / Anträge / StädteRegion A-Z / Dienstleistungen / Benutzerprofil). Das ist nicht übersichtlich. Auch der Breadcrumb ist hier abweichend, ohne das deutlich wird, dass man sich im Bürgerportal befindet.
    • Die Aktivierung des verlinkten Logos führt zu unterschiedlich Zielen. Befindet man sich (evtl. unwissentlich) im Bürgerportal verlinkt das Logo auf die Willkommensseite des Bürgerportals und nicht auf die Homepage "StädteRegion Aachen".
    • Bezeichnungen im Menü weichen öfters vom Seitentitel und Hauptüberschrift ab - so führt der Menüeintrag "Politik / Geschäftsordnung" zu einer Seite "Amtliche Bekanntmachungen und Ortsrecht" (auf der sich dann ein Link zur Geschäftsordnung findet).

    Punktabzug: 1 Punkt

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

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

    Die Textalternative für das Hamburger Symbol in der mobilen Ansicht lautet sowohl bei reduziertem als auch erweitertem Zustand "Ausklappnavigation öffnen". Richtig wäre "Ausklappnavigation", weil der Zustand durch aria-expanded=true/false durch einen Screenreader ausgegeben wird.

    Seite 1: eher erfüllt

    Die Textalternativen für die Icons in der Kachelansicht enthalten keine zusätzlichen Informationen zu den mit den Icons verlinkten Texten und sollten leer sein, um Redundanzen zu vermeiden.

    Seite 4: teilweise erfüllt
    • Der Alternativtext der verlinkten Abbildung von Herrn Etschenberg in der Kachelansicht ist der Text aus dem figcaption derselben Grafik auf der Folgeseite des Links. Entweder sollte der Alternativtext für die verlinkte Grafik leer sein oder sie sollte beschreiben was auf dem Bild zu sehen ist, nämlich Herr Etschenberg.
      Ein Screenreader gibt erst den recht langen Alternativtext dieser Grafik auf der Seite "Tihange abschalten" aus, beim Auslösen des Links gibt der Screenreader denselben Text als Alternativtext für die Grafik auf der Folgeseite aus und gibt dann zum 3.Mal denselben Text als Caption für die Grafik aus.
      Die beste Lösung wäre, die Alternativtexte für die verlinkte Grafik als auch für die nicht verlinkte Grafik der Folgeseite, leer zu lassen.
    • Die vorletzte Grafik in der Kachelansicht mit der Abbildung von Herrn Etschenberg und 2 weiteren Herren hat den Alternativtext "Rheinland-Pfalz". Das beschreibt weder das Linkziel noch was auf der Grafik zu sehen ist.
    • Auch der Alternativtext der letzten Grafik in der Kachelansicht "Allianz in Brüssel" ist nicht aussagekräftig.
    Seite 2: erfüllt

    Anmerkung: Rechtschreibfehler im Alternativtext "Speilende Kinder...".

    Seite 3: erfüllt

    Punktabzug: 0,75 Punkte

  • Prüfschritt 1.2.5a - Audiodeskription für Videos

    Seite 4: eher erfüllt

    Keine Audiodeskription - die Bildinhalte sind allerdings weitgehend illustrativ, also ohne wichtige eigenständige Inhalte, die nicht schon in anderer Form aus dem Audio-Kommentar hervorgingen.
    Ein Problem: Die Sprecher sind für nicht-visuelle Nutzer nicht zu identifizieren - der Platz für die Namensnennung vor den Interviewbeiträgen ist allerdings bei dem gewählten Schnitt sehr knapp. Die auch akustische Identifizierung der Funktionsträger (Fraktionsvorsitzende, Bürgermeister usw.) im Kontext des Kommentars sollte bei der Erstellung solcher Videos berücksichtigt werden (weniger wichtig bei Stimmen aus der Bevölkerung).

    Seite 1, 2, 3: nicht anwendbar

    Punktabzug: 0,5 Punkte

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

    • Die auf allen Seiten gleiche versteckte h1 StädteRegion ist nicht hilfreich für die Differenzierung der Inhalte und Bereiche für Screenreader-Nutzer.
    • Die Listeneinträge "Impressum", "Datenschutz" und "Kontakt" am Ende der Seite sind als H2 ausgezeichnet, überschreiben nichts und sind hier deshalb missbräuchlich eingesetzt. Sinnvoller wäre es die Listeneinträge nicht als Überschriften auszuzeichnen, sondern ihnen eine (versteckte) H2 voranzustellen.
    Seite 1: eher erfüllt
    • Siehe allgemeine Anmerkungen.
    • Unter der H2 "Über die StädteRegion Aachen" folgt eine Unterüberschrift "Zahlen" ebenso mit H2-Auszeichnung.
    Seite 3: teilweise erfüllt
    • Siehe allgemeine Anmerkungen.
    • Die Unterüberschriften (Broschüren und Flyer) sind visuell als Überschriften zu erkennen und sollten mit H3 ausgezeichnet sein (z.B. "Herzlich Willkommen).
    • Die leere H2 über "Dienstleistungen" ist überflüssig. "Dienstleistungen" selber sollte als H2 ausgezeichnet sein.
    Seite 2: erfüllt
    • Siehe allgemeine Anmerkungen.
    Seite 4: erfüllt
    • Siehe allgemeine Anmerkungen.

    Punktabzug: 0,75 Punkte

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

    • Quicklinks: Die Inhalte sind semantisch gesehen eine Liste und sollten mit Listen-Markup umgesetzt werden (siehe Bürgerportal).
    • Die Social Media Buttons sind nicht als Liste ausgezeichnet.
    Seite 2: eher erfüllt
    • Siehe allgemeine Anmerkungen.
    • Das vertikale Navigationsmenü auf der linken Seite ist nicht als Liste ausgezeichnet.
    Seite 3: eher erfüllt
    • Siehe allgemeine Anmerkungen.
    • Das vertikale Navigationsmenü auf der linken Seite ist nicht als Liste ausgezeichnet.
    Seite 4: eher erfüllt
    • Siehe allgemeine Anmerkungen.
    • Das vertikale Navigationsmenü auf der linken Seite ist nicht als Liste ausgezeichnet.
    Seite 1: erfüllt

    Siehe allgemeine Anmerkungen.

    Punktabzug: 0,5 Punkte

  • Prüfschritt 1.4.3a - Kontraste von Texten ausreichend

    Nur Firefox, Platzhaltertexte (betr. Suchfunktion): Hier wird der Text automatisch gedimmt und erfüllt nicht mehr die Anforderungen.
    (Fix: ::-moz-placeholder {opacity: 1;})

    Seite 1: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Betr. Kombi Grün (ACC30F) / Weiß für die Hauptüberschriften beider Karusell-Elemente. Um den Styleswitcher für die Erfüllung der Kontrastanforderung berücksichtigen zu können, müsste der Kontrast (liegt nur bei 2,0:1) in der Standardansicht mindestens bei 3:1 für große bzw. fette Schrift und bei 3,5:1 für normale Schrift liegen.

    Seite 2: erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 3: erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 4: erfüllt

    Siehe allgemeine Anmerkungen.

    Punktabzug: 0,75 Punkte

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

    • Die Fokushervorhebung erfolgt zum größten Teil über den Systemkranz und ist sehr schwer wahrnehmbar.
    • In den Kachelansichten auf Seite 1, 2 und 4 werden zur Fokushervorhebung die Links bei Fokuserhalt unterstrichen. Auch das könnte deutlich besser sein.
    • Die Fokushervorhebung des Hamburger Symbols in der mobilen Ansicht ist kaum wahrnehmbar.
    Seite 1: eher erfüllt

    Keine Fokushervorhebung in der Hauptnavigation für den Menüpunkt "StädteRegion".

    Seite 2, 3, 4: erfüllt

    Punktabzug: 0,25 Punkte

  • Prüfschritt 3.1.2a - Anderssprachige Wörter und Abschnitte ausgezeichnet

    Betrifft Seite 1 und 4:
    Das Kernkraftwerk "Tihange" ist ein wichtiges Thema in diesem Webauftritt. Tihange sollte mit dem lang-Attribut fr ausgezeichnet sein.

    Seite 1: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 4: eher erfüllt

    Siehe allgemeine Anmerkungen.

    Seite 2, 3: nicht anwendbar

    Punktabzug: 0,25 Punkte

Erfüllt sind 29 von 49 Prüfschritten:

Nicht anwendbar sind 12 von 49 Prüfschritten:

Blättern: