Punkte: 94 von 100 (gut zugänglich)
via Funktion "Recyclinghöfe und Container in Ihrer Nähe" (z.B. Startseite, rechte Spalte). Suchbegriff: "Wincklerstr."
Die Alternativtexte der Bilder im Karussell auf der Startseite sind fast durchgängig kryptisch. Hier wird offensichtlich der Dateiname der Grafiken verwendet (Beispiel: "Papierkorbsprueche_3_Stueck_977x551")
Teaser "Feuer und Flamme": redundante Ausgabe im Screenreader (der Alternativtext und der begleitender Text sind fast identisch). Hier sollte der Alternativtext leer bleiben weil beide Elemente in einem a
-Element zusammengefasst sind.
Punktabzug: 0,75 Punkte
Navigationsbereiche und Funktionen in der rechten Spalte: Die fett dargestellten Texte innerhalb der Ausklappbereiche sollten als Zwischenüberschriften, zumindest als Absätze ausgezeichnet werden.
Karussell: Die Überschriften der Teaser sind nicht als HTML-Überschriften ausgezeichnet.
Punktabzug: 0,75 Punkte
Container-Suche, Akkordeon, Bereich: "Containerstandort in ihrer Nähe": Die Inhalte unterhalb der h4
-Überschriften sollten als Liste ausgezeichnet sein.
Punktabzug: 0,5 Punkte
Die Breadcrumb-Navigation sollte mit einem p
-Element gegliedert werden.
Die Inhalte der Boxen ("App", "Newsroom" und "Feuer und Flamme") auf der Startseite sind nicht gegliedert (denkbar wäre hier Textabsätze oder eine Liste, z.B. ul
).
Der einleitende Absatz (nach der h1
im Inhalt) sollte mit einem p
-Element gegliedert werden
Der einleitende Absatz (nach der h1
im Inhalt) sollte mit einem p
-Element gegliedert werden (ebenso "Oder klicken Sie auf einen Buchstaben, um die entsprechenden Einträge anzuzeigen: ").
Leere p
-Elemente sollten vermieden werden.
Punktabzug: 0,5 Punkte
Alle Seiten: h2, h3
-Überschriften, Textlinks (#71848F# auf fff
): 3,89:1 (für die h2
-Überschriften ist die Bewertung grenzwertig weil die Schriftgröße dieser Elemente mit 18 px nur ganz knapp unter dem Richtwert von 18.7 Px liegt.
Suchfunktion: Textfeldvorbelegung nur 2,52:1 (Soll-Wert ist 4,5:1)
Karussell auf der Startseite,Überschriften der Teaser, weißer Text auf grün: ca. 2,12:1 (Soll-Wert hier 3:1, da große Schrift).
Punktabzug: 0,5 Punkte
Startseite, Betrifft den Button zur Steuerung des Karussells: Rot auf Weiß, IST 3,66:1 SOLL 4,5:1
Müll-ABC, betrifft die Icons, die bei den Einträgen des ABCs allein stehend und informationstragend genutzt werden. In folgenden Fällen sind die Helligkeitskontraste nicht ausreichend (Der Soll-Wert ist immer 4,5;1): Wertstofftonne 1.66;1, Bio-Abfalltonne 1,95:1, Papiertonne 3,13:1, die anderen Symbole (grau) 3,89:1.
Punktabzug: 0,5 Punkte
Das Logo der Stadtreinigung im Seitenkopf hat einen transparenten Hintergrund und ist abhängig von der gewählten Hintergrundfarbe evtl. schlecht oder gar nicht mehr erkennbar (betr. die Wortmarke).
Müll-ABC: Die Tonnen-Icons (Bio, Wertstoffe etc.) sind bei benutzerdefinierten Farbeinstellungen nur noch über ihre jew. title
-Attribute unterscheidbar.
Punktabzug: 0,5 Punkte
Der Button zur Steuerung der Animation auf der Startseite (Karussell) ist ohne Maus nicht bedienbar.
Siehe dazu Prüfschritt 2.2.2a "Bewegte Inhalte abschaltbar".
Punktabzug: 0,75 Punkte
Der Button zur Steuerung der Animation auf der Startseite (Karussell) ist nur verfügbar wenn eine Maus genutzt wird. Der Button wird nur eingeblendet wenn der Maus-Fokus auf dem Karussell liegt. Für Tastatur-Benutzer ist der Button damit unzugänglich.
Punktabzug: 0,5 Punkte
Startseite: Wegen der fehlenden Fokushervorhebung in weiten Teilen des Inhaltsbereichs (siehe: 2.4.7a - Aktuelle Position des Fokus deutlich) ist die Tastaturbedienbarkeit eingeschränkt.
Punktabzug: 0,5 Punkte
Keine Fokushervorhebung bei den Steuerungsfunktionen des Karussells sowie den Inhaltsboxen auf der Startseite (betr. "Abfallvermeidung", "Energieberg","App", "Newsroom", "Feuer und Flamme").
Punktabzug: 0,25 Punkte
Firefox, nur auf der Startseite: Darstellungsprobleme bei reiner Schriftvergrößerung: Inhalte werden überlagert oder abgeschnitten.
IE, alle Seiten: Reine Schriftvergrößerung nicht durchgängig möglich (siehe z.B. Service-Navigation).
Anmerkung zur integrierten Bewertung von Prüfschritt 1.4.4a und 1.4.4b:
Im Zuge der Angleichung an die WCAG 2.0 werden die beiden im BITV-Test z.Zt. noch getrennt vorhandenen Schriftvergrößerungs Prüfschritte zukünftig zusammen genommen bewertet werden. Diese Entscheidung ist noch nicht verbindlich im BITV-Test Prüfverbund gefallen, ist aber im Ergebnis sehr wahrscheinlich, weswegen dieser Ansatz bereits in diesem Test verfolgt wird.
Da nach WCAG 2.0 jede Art der Schriftvergrößerung zur Erfüllung von Success Criterion 1.4.4 ausreicht, zählt im BITV-Test in Zukunft für beide Prüfschritte 1.4.4a und 1.4.4b die Bewertung des jeweils besser bewerteten Prüfschritts, d.h. der jeweils schlechter bewertete Prüfschritt wird unabhängig von dem schlechteren Prüfergebnis auf dem Wert des besser bewerteten Prüfschritts gestellt.