Punkte: 95,25 von 100 (sehr gut zugänglich)
Punktabzug: 1 Punkt
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.
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.
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.Anmerkung: Rechtschreibfehler im Alternativtext "Speilende Kinder...".
Punktabzug: 0,75 Punkte
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).
Punktabzug: 0,25 Punkte
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.H2
"Über die StädteRegion Aachen" folgt eine Unterüberschrift "Zahlen" ebenso mit H2
-Auszeichnung.H3
ausgezeichnet sein (z.B. "Herzlich Willkommen).H2
über "Dienstleistungen" ist überflüssig. "Dienstleistungen" selber sollte als H2
ausgezeichnet sein.Punktabzug: 0,75 Punkte
Siehe allgemeine Anmerkungen.
Punktabzug: 0,5 Punkte
Nur Firefox, Platzhaltertexte (betr. Suchfunktion): Hier wird der Text automatisch gedimmt und erfüllt nicht mehr die Anforderungen.
(Fix: ::-moz-placeholder {opacity: 1;})
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.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,75 Punkte
Keine Fokushervorhebung in der Hauptnavigation für den Menüpunkt "StädteRegion".
Punktabzug: 0,25 Punkte
Betrifft Seite 1 und 4:
Das Kernkraftwerk "Tihange" ist ein wichtiges Thema in diesem Webauftritt. Tihange sollte mit dem lang-Attribut fr ausgezeichnet sein.
Siehe allgemeine Anmerkungen.
Siehe allgemeine Anmerkungen.
Punktabzug: 0,25 Punkte
Der Alternativtext für "Aachen - Karneval, Kaiserdom und Reitturnier" im unteren Carousel lautet "Alternativtext".
p
zur Schaffung von Abständen.p
zur Schaffung von Abständen.Hinweis presentation
Die Tabelle unterhalb von Zahlen sollte entweder als Datentabelle umgesetzt werden oder als Layouttabelle mit role=presentation
ausgezeichnet werden. Wegen der einfachen Inhalte hier kaum ein praktischer Nachteil.
"Schrift vergrössern" schließt sich nicht automatisch beim Weitertabben.
Der Breadcrumb ist als Liste ausgezeichnet und braucht eine (versteckte) Überschrift oder Label, um ihn von anderen Listen unterscheidbar zu machen. Der vorangestellte Absatz "sr-only">Breadcrumb
ist dafür nicht ausreichend. Die Bereiche der Seite sind aber durch die Umsetzung anderer Kriterien gut überspringbar.
Wiederholung von StädteRegion im Titel nicht sinnvoll
Startseite | StädteRegion Aachen wäre zur Bezeichnung der Startseite informativer.
Manche Seiten (etwa Alle Fragen und die prominent von der Startseite her verlinkten einzelnen Fragen) sind ohne Hervorhebung und Seitenpfad - scheinbar außerhalb aller Kategorien.
Es gibt einen Seitenpfad. Die Position im Webauftritt während des Navigierens ist jedoch wegen der uneinheitlichen Navigation, sich neu öffenden Tabs mit anderen Navigationsstrukturen usw. oft nicht leicht zu verstehen. Bei den abweichenden Seiten im gleichen Layout, aber mit abweichender Navigation, findet sich dann auch ein abweichender Seitenpfad. Bewertet ist dies im Prüfschritt 3.2.3a "Konsistente Navigation".
Bei "mehr News" unter dem oberen Carousel fehlt die Ausgabe des Zustands (reduziert/erweitert). (Richtig umgesetzt wurde dies für die Sprachauswahl in der oberen Werkzeugnavigation.)