Zertifikatsbericht für MVG

Webseiten Betreiber: Monopolverwaltung GmbH
Webseiten Domain: www.mvg.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 23.02.2023

Allgemeiner Kommentar der Zertifizierungsstelle:

Die Website der Monopolverwaltung GmbH erfüllt die allermeisten WCAG 2.1 AA – Erfolgskriterien, der gesamte Inhalt ist für alle BenutzerInnen zugänglich. Die Grundfunktionalität ist für alle BenutzerInnen uneingeschränkt zugänglich. Teile der erweiterten bzw. optionalen Funktionalität, die für die Benutzung der Website wenig relevant sind, sind für einige wenige BenutzerInnen nicht optimal zugänglich und bedienbar.

Beim Zertifikat WACA sind folgende Inhalte bzw. Funktionen einer Website ganz allgemein vom Audit ausgeschlossen:

• Websites mit nicht deutscher und/oder englischer Sprache
• Apps für mobile Anwendungen
• PDFs
• EPUB
• Flash
• 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, Intranets)
• Externe Inhalte von Drittanbietern, die vom Betreiber der Website weder finanziert noch entwickelt wurden und somit auch nicht dessen Kontrolle unterliegen (wie z.B. Google Maps, Youtube, Facebook, andere Iframes und Widgets,...) wie folgt:
  • Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Überprüfung ausgenommen.
  • Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Überprü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 Zertifizierung abgelehnt und Auftrag nicht angenommen. Website ist nicht auditierbar.
• Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
• Google Captcha (ReCaptcha V2): gültig nur für Silber und Bronze

MVG T01: Startseite

Kriterium 1.3.1 - Info und Beziehungen: Silber

Überschriften (-ebenen) teilweise nicht logisch. z.B.: „5.014 Trafiken in Österreich“ ist H1, Nicht wirklich logisch.
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 1.4.3 - Kontrast (Minimum): Silber

Bei Aktivierung von „Hoher Kontrast“: „53,9%“ ist nicht mehr lesbar

Einstufung: nicht wirklich zentrale Information auch wenn es auf der Hauptseite ist.

Kriterium 1.4.12 - Textabstände: Silber

Veränderung der Textabstände laut WCAG Vorgaben bricht das Layout der Seite bei der Hauptüberschrift (5014 Trafiken…) siehe auch Screenshots
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 2.1.1 - Tastatur: Silber

„Back to Top“ Button nicht per Tastatur erreichbar
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein, da die „pos1“ Taste ja weiterhin verwendet werden kann.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Cookie-Meldung: „Close“-Schalter nicht übersetzt bzw nicht richtig ausgezeichnet (Sprache von Teilen) bei der Meldung, aber auch bei den Einstellungen
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 4.1.1 - Syntaxanalyse: Silber

Einige Start und end-tags passen auf allen getesteten Seiten nicht zusammen. Und auch sonst Fehler. Hat aber anscheinend keinen direkt Einfluss auf die Funktionalität.
A document must not include both a meta element with an http-equiv attribute whose value is content-type, and a meta element with a charset attribute.
• Element ___ not allowed as child of element ___ in this context. (Suppressing further errors from this subtree.) (2) · Hide all · Show all
1. Element style not allowed as child of element body in this context. (Suppressing further errors from this subtree.)
2. Element style not allowed as child of element div in this context. (Suppressing further errors from this subtree.)
• End tag div seen, but there were open elements.
• Unclosed element nav.
• Stray end tag ___. (4) · Hide all · Show all
1. Stray end tag nav.
2. Stray end tag a. (3)
• The itemprop attribute was specified, but the element is not a property of any item. (3)

Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein, auch wenn das mit anderen , nicht getesteten, Clients anders aussehen kann.

Kriterium 4.1.2 - Name, Rolle, Wert: Nicht Erfüllt

Buttons „Hoher Kontast“ und „Schriftgröße“ nicht ganz richtig ausgezeichnet: Es sind nun Buttons, aber es gibt keine Rückmeldung für SR-Users ob und dass etwas passiert nach dem Drücken auf Button. Vorschlag zur Implementierung: Checkboxes und den Zustand per JS richtig setzen je nach Zustand
Einstufung bronze: Auch wenn es zentral ist und überall vorkommt, wahrscheinlich weniger wichtig, da nur relevant für Personen mit Restsehvermögen, welche die Auswirkungen dann sowieso sehen.

Hauptmenü nicht richtig ausgezeichnet: Einträge lassen sich aufklappen, dies ist für SR-Users nicht klar, da nicht ausgezeichnet. Siehe auch: https://www.w3.org/WAI/ARIA/apg/example-index/disclosure/disclosure-navigation.html
Einstufung nicht erfüllt: betrifft stark die Barrierefreiheit zentraler Elemente

MVG T02: Suche

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Suchergebnisse stellen visuell und logisch eine Liste dar, sind aber nicht als solche ausgezeichnet.
Einstufung bronze: schränkt die Barrierefreiheit merklich ein, auch wenn die Seite nicht unbedienbar wird.

Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

Links „Mehr anzeigen“: erfüllen Linkzweck nicht, da der Link nicht Teil der Paragraphen ist.
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 3.1.2 - Sprache von Teilen: Bronze

Pager am Ende der Seite: Title ist „view page x“ bzw „view the next page“ bzw 1 of 4: Sprache nicht richtig ausgezeichnet, sollt aber sowieso übersetzt werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird. Und kommt auch an mehreren Unterseiten vor.

MVG T03: Contentseite

MVG T04: Ausschreibungen

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Images-Slider: Bilder haben keine zureichende alternative Textbeschreibung (alt-Text)
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird. Und kommt auch an mehreren Unterseiten vor.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Auflistung der Bundesländer sollte besser eine Liste sein
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Tabellen bei den einzelnen Ausschreibungen: Table Header sind nicht vorhanden, was die Tabellen schwerer verständlich macht als nötig. Erste Tabelle möglicherweise gar nicht nötig. Hier wäre eine Liste vielleicht besser geeignet (semantisch, nicht visuell). Bei der zweiten Tabelle müssen die Table-Header richtig ausgezeichnet werden.
Einstufung bronze: schränkt die Barrierefreiheit merklich ein, auch wenn die Seite nicht unbedienbar wird.

Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

Images-Slider: Pfeile haben, abhängig vom Hintergrund einen zu geringen Kontrastwert
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

Download-Links bei „Ausschreibungsunterlagen“: Linkzweck nicht erfüllt. Nicht klar, dass (meist) eine PDF Datei heruntergeladen wird, sobald man auf den Link klickt
Einstufung bronze: schränkt die Barrierefreiheit merklich ein, auch wenn die Seite nicht unbedienbar wird.

Kriterium 2.4.7 - Fokus sichtbar: Bronze

Images-Slider: ausgeblendete Bilder, werden nur visuell ausgeblendet, können aber noch immer fokussiert werden → Tastaturfokus verschwindet.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird. Und kommt auch an mehreren Unterseiten vor.

Kriterium 3.1.2 - Sprache von Teilen: Bronze

Images-Slider: Bedienelement (Pfeile, Punkte darunter): Beschriftung ist englisch. Sprache ist nicht richtig ausgezeichnet. Sollte aber sowieso übersetzt werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird. Und kommt auch an mehreren Unterseiten vor.

MVG T05: Monopol-Kontakte

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Suchergebnisse sind nicht optimal strukturiert. Zusätzlich zu Überschriften wäre eine Liste sinnvoll.
Einstufung: Webseite bliebt trotzdem recht gut bedienbar

MVG T06: Trafiken-Suche

Kriterium 1.4.3 - Kontrast (Minimum): Bronze

Filter-Checkboxes: Nicht aktivierte Checkboxes und deren Beschriftung erfüllen Kontrastwerte nicht.
Einstufung bronze: schränkt die Barrierefreiheit merklich ein, auch wenn die Seite nicht unbedienbar wird.

Kriterium 2.1.1 - Tastatur: Bronze

Google Maps Einbindung ist aus unterschiedlichsten Gründen nicht barrierefrei. Die Suchergebnisse unten können aber (zumindest zu einem Teil) als Alternative dafür gewertet werden. Es wäre aber in dem Fall gut, wenn Tastaturbenutzer*innen die gesamte Karte überspringen könnten (zB mittels Skiplink für der Karte)
Einstufung bronze: sollte geändert werden, da sehr umständlich für Tastatur-Benutzer*innen, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber

Tipo: „Offen“ Bild hat den title „Öffen“
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 4.1.3 - Statusmeldungen: Silber

Beim Auslösen der Suche (Enter oder Klicken auf Such-Button): SR-Users erhalten keine Rückmeldung, dass, ob und wie viele Trafiken gefunden wurden. Aria-Live wäre hier das Mittel der Wahl.
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

MVG T07: News-Übersicht

Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Bronze

Bedeutungstragende Reihenfolge bei den „Teasern“ nicht erfüllt. Datum zum Artikel kommt vor der Überschrift. Für SR-Users stimmt die Hierarchie der Informationen somit nicht mehr.
Einstufung: nicht gut, da verwirrend, aber wahrscheinlich keine völlig zentrale Information

MVG T08: News-Detail

Kriterium 1.3.1 - Info und Beziehungen: Silber

Überschriften-Strukur bei „Weiterführende Artikel“ ergibt keine Sinn. Artikel darunter sind alle H3. Die Überschrift davor ist H2. Diese ist aber weder logisch noch visuell das Eltern-Element.
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

Kriterium 2.1.1 - Tastatur: Bronze

Image-Slider: siehe auch T4
zusätzlich:
- lässt sich nicht anhalten, oder pausieren. Layout darunter schiebt sich auch laufen
- Bei Vollbild funktioniert die Fokustrap nicht. Der Sichtbarer Tastaturfokus verschwindet
- Bei Vollbild sind die Bedienelement nicht sichtbar wenn die Tastatur verwendet wird (Pfeil nach links und rechts...), wie auch der sichtbare Tastaturfokus
Einstufung bronze: schränkt die Barrierefreiheit merklich ein, auch wenn die Seite nicht unbedienbar wird.

Kriterium 3.1.2 - Sprache von Teilen: Silber

Mail-Icon: Wird von Screenreader als „Mail to“ vorgelesen. Sollte übersetzt werden.
Einstufung silber: schränkt die Barrierefreiheit nicht wesentlich ein.

MVG T09: Kontakt

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Karten haben alle als alt-Text „Karten MVG2 Wien“. Das ist verwirrend. Für SR-users bieten sie sowieso keinen wirklichen Mehrwert. Könnten also mittels alt=““ als dekorativ gesetzt werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Auflistung der Nebenstellen (tabellenähnliches Konstrukt) sollte besser als Liste oder Tabelle (dann mit Header. ZB Header ist die linke Spalte) jeweils ausgeführt werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

Kriterium 2.1.1 - Tastatur: Bronze

Accordions funktionieren per Tastatur nicht. Aber nicht wirklich notwenig, da die Accordions eigentlich keine Mehrwert bieten. Aber noch wichtiger: Besser wäre statt den Accordion-Buttons einfache Überschriften für die „Nebenstellen“ zu verwenden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

MVG T10: Team

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Die 3 Downloads ganz unten: sehen aus wie eine Liste und sollten auch entsprechend ausgezeichnet werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

Die Seite ist kaum durch Überschriften semantisch strukturiert obwohl visuell Überschriften die Seite logisch unterteilen. „Aufsichtsrat, Stabstellen …“ sollten entsprechend als Überschriften ausgezeichnet werden.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze

Die Links zu den Downloads sollten besser beschriftet werden. So ist nicht klar, was passiert und was genau heruntergeladen wird.
Einstufung bronze: sollte geändert werden, da verwirrend, auch wenn die Seite für die meisten Personen nicht unbedienbar wird.

MVG T11: Video

MVG T12: Zigarettenpreise

Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

Diagramm sind nicht barrierefrei. Eine für Screenreader barrierefrei Alternative wären barrierefreie Tabellen die visuell versteckt werden und stattdessen vom Screenreader vorgelesen werden können.
Einstufung bronze: sollte geändert werden, da für einige Personen diese Information so nicht zugänglich ist.

Kriterium 1.3.1 - Info und Beziehungen: Bronze

Bei zugeklappten Accordions sind Preis und Stückzahl tabellenartig dargestellt mit einem visuell sichtbaren Tabellen-Header. Diese Information steht SR-Users nicht zur Verfügung. Hier könnte man entweder ARIA-Labels oder visuell versteckte spans verwenden für jeden Accordion-Header
Einstufung bronze: sollte geändert werden, da für einige Personen diese Information so nicht zugänglich ist.