Webseiten Betreiber: Wien IT
Webseiten Domain: log.wien
Zertifikat Status: Silber
Zertifizierungsdatum: 31.07.2023
Zertifizierung WACA
Die Initiative WACA strebt mit diesem Zertifikat ein sehr hohes Niveau und eine herausragende Qualität der Barrierefreiheit an, deshalb müssen für eine erfolgreiche Zertifizierung die grundlegendsten WCAG-Kriterien erfüllt werden. Die AuditorInnen prüfen nach einem vorgegebenen Schema und eigener Prüfmethodik streng nach diesen Kriterien. Das WACA-Zertifikat wird in 3 unterschiedlichen Stufen vergeben. Es wurde für jedes WCAG-Erfolgskriterium eine eigene Abstufung für Gold, Silber und Bronze definiert. Damit können auch Websites ausgezeichnet werden, die nicht die höchsten Anforderungen der WCAG erfüllen bzw. Best-Practice sind, aber eine grundlegende Barrierefreiheit aufweisen und niemanden bei der Benutzung der Website ausschließen. Bei den Abstufungen Silber oder Bronze müssen Bemühungen für Barrierefreiheit klar und eindeutig erkennbar sein, siehe Definition WACA Abstufungen.
WACA zertifiziert Websites, die genau eingegrenzt werden können, meist definiert durch eine URL und zieht daraus eine repräsentative Stichprobe (Testsample).
Folgende Inhalte bzw. Funktionen einer Website sind jedoch allgemein vom Audit ausgeschlossen:
- PDF
- EPUB
- live übertragene zeitbasierte Medien
- Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
- externe Inhalte von Drittanbietern, die vom Website-Betreiber weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B.: Google Maps, Youtube, Facebook, externe Iframes und Widgets,...), Definition wie folgt:
- Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Prüfung ausgenommen.
- Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Prüfung ausgenommen.
- Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
- Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist in diesem Fall nicht auditierbar.
- Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
- Google Captcha (ReCaptcha V2): Verwendung gültig nur für die WACA Qualitätsstufen Silber und Bronze.
Allgemeiner Kommentar der Zertifizierungsstelle:
Die HTML-Struktur der Website mit der URL log.wien ist relativ konsistent und hat daher eine solide Basis. Nur an wenig Stellen könnte die Barrierefreiheit noch mehr berücksichtigt werden, speziell bei ARIA-Attributen und dass die Website bei englischen und deutschen Inhalten die selbe URL hat. Die Single-Sign-On Lösung für die Online-Services der Wiener Stadtwerke Gruppe hat im gesamten gesehen einen hohen Grad an Barrierefreiheit und erfüllt weitestgehend die WCAG 2.1 AA - Erfolgskriterien. Auf viele Aspekte im Bereich Accessibility wurde geachtet. Inhalt und Grundfunktionalität sind für alle BenutzerInnen zugänglich.
Folgende Verlinkungen der Website waren nicht im Scope des Audits, da externe URLs der Partnerseiten:
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
logwien T01: Startseite DE
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nach-Audit: Die Überschriften-Hierarchie wurde linearisiert und ist jetzt sinnvoller.
Kriterium 1.4.3 - Kontrast (Minimum): Erfüllt / Nicht Anwendbar
- Nach-Audit: Das wurde verbessert und somit ist das Kriterium erfüllt.
Kriterium 1.4.12 - Textabstände: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde verbessert und somit ist das Kriterium nun erfüllt.
Kriterium 2.1.1 - Tastatur: Erfüllt / Nicht Anwendbar
- Die Arrow-Buttons beim Slider haben sich verändert: Jetzt wird der Wrapper von den Buttons mit einem tabindex="0" versehen und die Buttons darin werden aus der Fokusreihenfolge genommen und machen die Bedienung des Arrow-Buttons via Tastatur somit unmöglich.
Kriterium 2.4.3 - Fokus-Reihenfolge: Silber
- Nachaudit: Das Focus-Management beim Mobile Menü funktioniert jetzt. Allerdings das mit dem Haspopup ist nach wie vor nicht das, wofür es gedacht ist, siehe inzwischen aktualisierter Artikel auf developer.mozilla.org (https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-haspopup#sect1). Es hätte wie schon mehrfach erwähnt kein haspopup benötigt.
Gutes Beispiel zum Vergleich: https://www.w3.org/WAI/tutorials/menus/flyout/#use-button-as-toggle
Hier sieht man, dass wenn das Dropdown offen ist, dass im Screen Reader dann auch die Items der Liste vorgelesen wird, was mit hinzugabe von aria-haspopup verhindert wird.
Daher die Einstufung jetzt auf Silber.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Nachaudit: aria-expanded ist inzwischen vorhanden, dennoch nach wie vor noch gekoppelt mit aria-haspopup (siehe 2.4.3).
logwien T02: Startseite EN
Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Überschriftenhierarchie wurde linearisiert und somit ist das Kriterium jetzt erfüllt.
Kriterium 2.4.3 - Fokus-Reihenfolge: Silber
- Siehe T01
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Siehe T01
logwien T03: Hilfe und Kontakt
Kriterium 1.4.12 - Textabstände: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Textabstände wurden verbessert und somit ist das Kriterium erfüllt.
logwien T04: Kontaktformular
logwien T05: Services
Kriterium 1.4.12 - Textabstände: Erfüllt / Nicht Anwendbar
- Nachaudit: Das ist jetzt nicht mehr der Fall. Das Kriterium ist somit vollständig erfüllt.
logwien T06: Contentseite
Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar
- Empfehlung zu den Alternativtexten der Bilder: Es ist besser "Bild von" etc. wegzulassen, da der Screenreader ohnehin weiss, dass es sich um ein Bild handelt und daher eine überflüssige Information ist.
Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Das wurde jetzt verbessert und somit ist das Kriterium jetzt erfüllt.
logwien T07: Registrierung DE
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Erfüllt / Nicht Anwendbar
- Nachaudit: Das fehlende Autocomplete wurde hinzugefügt.
Kriterium 3.3.1 - Fehlererkennung: Erfüllt / Nicht Anwendbar
-
Kriterium 3.3.3 - Fehlerempfehlung: Erfüllt / Nicht Anwendbar
- Da der Disabled Button nicht als solcher ausgezeichnet ist, kann man auf den Button klicken, selbst wenn die erforderlichen Felder nicht ausgefüllt sind. Es werden dann zwar Fehlermeldungen ausgegeben, aber jedoch kommt der Screen Reader User nicht drauf, dass es welche gibt.
Nachaudit: Die Inline Errors werden zwar mit aria-describedby referenziert, allerdings ist es noch nicht funktional, weil es noch ein aria-invalid-Attribut benötigt. Hier ist eine Demo, die funktional ist: https://pauljadam.com/demos/aria-describedby-validation.html#
Kriterium 4.1.1 - Syntaxanalyse: Erfüllt / Nicht Anwendbar
-
Kriterium 4.1.2 - Name, Rolle, Wert: Erfüllt / Nicht Anwendbar
- Nachaudit: Das jetzige Szenario sieht kein Disabled Button mehr vor, somit ist es kein Hindernis mehr.
logwien T08: Registrierung EN
logwien T09: Bestätigung
logwien T10: Login/Logout
logwien T11: Passwort vergessen
logwien T12: Mein Profil
Kriterium 3.2.2 - Bei Eingabe: Erfüllt / Nicht Anwendbar
- Nachaudit: Die Dropdown-Komponente ist nach wie vor unverändert. Das hier verwendete Pattern ist nicht sehr zugänglich. Empfehlung: Prüfen Sie das folgende Pattern im Screenreader und sehen Sie, was es hier tut. https://www.w3.org/WAI/ARIA/apg/patterns/combobox/examples/combobox-select-only/
Nachaudit: Das wurde jetzt verbessert.
Kriterium 4.1.2 - Name, Rolle, Wert: Erfüllt / Nicht Anwendbar
- Beim Dropdown (Sprachumschalter) können keine Zustände (States) erkannt werden, ob das Dropdown offen oder geschlossen ist.
Nachaudit: Das wurde nun verbessert (siehe Empfehlung im SC 3.3.2)
logwien T13: Mein Profil bearbeiten
logwien T14: Konto löschen
Kriterium 2.4.3 - Fokus-Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Der Close Button wurde korrekt mit Fokusmanagement umgesetzt.
logwien T15: Meine Partner
Kriterium 1.4.13 - Eingeblendete Inhalte: Erfüllt / Nicht Anwendbar
- Nachaudit: Tooltip wurde mit einem einfachen Link ersetzt.
Kriterium 2.4.3 - Fokus-Reihenfolge: Erfüllt / Nicht Anwendbar
- Nachaudit: Tooltip wurde mit einem einfachen Link ersetzt
logwien T16: Partner verknüpfen
logwien T17: Verknüpfung aufheben
logwien T18: Login Partnerseiten
logwien T19: Dashbord
logwien T20: Feedback geben
logwien T21: Zufallssample