Webseiten Betreiber: WIENER STÄDTISCHE Versicherung AG Vienna Insurance Group
Webseiten Domain: www.wienerstaedtische.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 16.09.2025
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 Website www.wienerstaedtische.at ist großteils vorbildlich barrierefrei umgesetzt. Einige kleinere WCAG-Abweichungen verhindern auf manchen Seiten eine optimale barrierefreie Bedienung. Die Grundfunktionalität ist aber für alle BenutzerInnen uneingeschränkt zugänglich. Teile der erweiterten Funktionalität, die für die Benutzung der Website wenig relevant sind, sind für einige wenige BenutzerInnen nicht zugänglich. Auf Grund der Größe und Komplexität der Website kann hier mit gutem Gewissen das WACA Zertifikat in Bronze vergeben werden.
Nicht im Scope der Zertifizierung waren folgende Seiten bzw. Funktionen, da externe URLs oder Drittanbieter-Tool:
Die Besser-Leben Website (T29 - T32) und das Kundenportal mit der URL kundenportal.wienerstaedtische.at (T33 - T47) wurden nachträglich aus dem Scope der Zertifizierung genommen.
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
WS T01: Startseite
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Im "Datenschutzeinstellungen"-Dialog werden in einer <ul> nicht erlaubte Elemente verwendet (h2, div, etc.) - nur <li> sind zugelassen.
Kriterium 1.4.1 - Benutzung von Farbe: Erfüllt / Nicht Anwendbar
- - Aktive Menülinks sind nur durch die Farbe Rot gekennzeichnet, aber der Kontrast überschreitet 3:1 zu nicht-aktiven Menülinks und ist somit ausreichend
Kriterium 1.4.3 - Kontrast (Minimum): Bronze
- Der "< Zurück"-Button in den Datenschutzeinstellungen der Cookie-Meldung hat zu wenig Kontrast.
Kriterium 2.4.2 - Seite mit Titel versehen: Bronze
- Bei einigen Seiten fehlt der allgemeine Teil " | Wiener Städtische Versicherung"
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Bronze: Im Dialog "Datenschutzeinstellungen" der Cookie-Meldung gibt es keine expliziten Fokus-Stile (im Firefox dadurch zu wenig Kontrast).
Silber: Fokus bei Eingabefeldern ist nur ein etwas dickerer Rahmen und dadurch mitunter nur schwer erkennbar.
Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze
- Logo-Link zur Startseite: visuell sichtbarer Linktext beginnt nicht mit dem accessible name ("Startseite Wiener Städtische Vienna Insurance Group")
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- - Der Cookie-Banner hat als Namen "Coookie-Banner" (sollte ein deutscher Begriff sein), außerdem wird das Attribut aria-describedby falsch verwendet ("Wir verwenden Cookies,..." statt der ID eines Elementes).
- Im Dialog "Datenschutzeinstellungen" ist der Name auch ungünstig ("Wir setzen verschiedene Arten von Cookies ein...." -> wäre als aria-describedby geeignet, aber nicht als aria-labelledby).
- "Datenschutzeinstellungen": aria-Attribute werden falsch verwendet (aria-modal="true" nicht auf Dialogen, aria-label nicht auf interaktiven Elementen)
- "Datenschutzeinstellungen": die Pfeile zum Aufklappen weiterer Cookie-Infos sind keine Buttons
Allgemeiner Hinweis: viele <button>-Elemente haben tabindex=0, was normalerweise nicht notwendig ist (Buttons sind grundsätzlich fokussierbar).
WS T02: Suche
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Die Suchfilter sind als Links gelöst, ist ok. Rein optisch würde man erwarten, dass es sich um Radio-Buttons und einem Formular handelt, welches abgeschickt wird.
Kriterium 1.4.1 - Benutzung von Farbe: Bronze
- Die Hervorhebung des Suchbegriffs in den Ergebnissen geschieht nur durch Farbe.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Die Vorschlagsliste der Suchbegriffe (nach einer Eingabe im Suchfeld) hat als Fokus-Style (Pfeiltasten nach oben/unten) nur eine Farbänderung (sollte Rahmen oder anderes visuelles Merkmal erhalten).
Betrifft auch T01 (Suchfeld).
Kriterium 3.2.2 - Bei Eingabe: Silber
- Bei Klick auf einen Filter (visuell als Radio-Button dargestellt) öffnet sich die Seite neu und der Fokus ist wieder am Beginn der Seite. Der Fokus sollte wieder zu den Filtern gesetzt werden.
WS T03: Kontakt
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber
- autocomplete-Attribute fehlen bei den Eingabefeldern mit persönlichen Daten
Kriterium 2.1.1 - Tastatur: Erfüllt / Nicht Anwendbar
- Der Datepicker bei Dateneingabe > Videoberatung ist nicht mit der Tastatur bedienbar (ist aber nicht problematisch, da man das Datum auch ohne Datepicker eingeben kann).
Kriterium 2.4.1 - Blöcke umgehen: Bronze
- Im Dialog "Servicehotline - Weiter" gibt es die gleichen Skiplinks, wie auf der Hauptseite (und funktionieren klarerweise im Dialog nicht).
Kriterium 3.2.4 - Konsistente Erkennung: Silber
- Die H1-Überschrift ist auf dieser Seite "Wie Sie uns am besten erreichen" und nicht der gewählte Menüpunkt "Kontakt". "Kontakt" wird in diesem Fall über der H1 als Text angezeigt.
Bei manchen Seiten wird als H1-Überschrift der Name des Menüpunkts angezeigt (Empfehlung), bei anderen Seiten aber nicht. Das ist inkonsistent. Das gilt auch für weitere Seiten im Sample, wird aber nicht mehr extra angeführt.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Hinweise wie Formate für Telefonnummer oder Datum (Videoberatung) sind nicht mit dem Eingabefeld verknüpft (über aria-describedby).
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- Link "Weitere" unter Servicehotline öffnet einen Dialog. Der Button sollte aria-haspopup="dialog" statt aria-description haben (dieses Attribut wird noch nicht unterstützt).
WS T04: Schaden melden
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Das Dropdown "Filterung nach Kategorie" ist semantisch kein <select> Auswahlfeld.
Für assistive Technologien ist die Filterung nicht lesbar und verwirrend. Da es aber als Alternative ein Textfeld für "Suchbegriff" gibt, welches korrekt gelöst ist, ok.
Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze
- Die Logos zu den App-Stores haben Textalternativen, die nicht mit dem sichtbaren Text beginnen.
WS T05: Online-Sprechstunde
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- H3-Überschrift folgt H1
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber
- autocomplete-Attribute fehlen bei den Eingabefeldern mit persönlichen Daten
Kriterium 2.1.1 - Tastatur: Bronze
- Der Datepicker im Formular bei Geburtsdatum ist nicht mit der Tastatur bedienbar. Man kann das Datum aber mit der Tastatur eingeben, daher ok.
Kriterium 3.2.4 - Konsistente Erkennung: Silber
- Eingabewerte bei Formularfeldern sind hier in roter Schriftfarbe (bisher waren sie schwarz), betrifft auch Tastaturfokus.
Kriterium 3.3.1 - Fehlererkennung: Erfüllt / Nicht Anwendbar
- Anmerkung: gibt man beim Geburtsdatum ein fehlerhaftes Datum ein, dann wird das Datum automatisch auf 01.01.1970 gesetzt. Die Fehlererkennung wird im Hintergrund durchgeführt und automatisch auf ein Datum korrigiert.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Der Hinweis *Pflichteingabefeld steht nach dem Absendebutton. Dieser Hinweis muss vor dem ersten Pflichtfeld stehen.
WS T06: Haushaltsversicherung
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- - Bei den Produkten liegen die erkennbaren Überschriften innerhalb der Listenelemente und sind nicht als Überschriften ausgezeichnet zB. <li>wahlweise mit Glasbruch<br><br><strong>individuell erweiterbar</strong></li>. HTML-Markup muss logisch aufgebaut sein für den Inhalt.
- Zwischen den Datenfeldern in der Tabelle sind leere Spalten (wahrscheinlich wegen Layoutgründen vorhanden): <td class="spacer"></td><th></th>
Kriterium 1.4.1 - Benutzung von Farbe: Bronze
- Der aktive Slider-Bereich wird nur durch Farbe gekennzeichnet (.swiper-pagination-bullet) bzw. hat zu wenig Kontrastunterschied.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- aria-label="2 / 2" ist für <div> nicht erlaubt
WS T07: Versicherungs-Rechner 1
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- Die Icons in einem Formularfeld (Rufzeichen, Häkchen) haben keine Textalternative (könnte auch mit aria-valid gelöst werden)
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- siehe 4.1.2
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber
- Schritt 2/8: autocomplete="off", obwohl es hier sinnvoll wäre
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- Aktueller Schritte-Status ist nicht im Seitentitel
Kriterium 3.2.3 - Konsistente Navigation: Bronze
- Bei den einzelnen Schritten des Rechners gibt es manchmal einen weiter-Button (Schritt 6/6) und manchmal nicht (Schritt 4/7). Wenn es keinen weiter-Button gibt, springt man bei Auswahl einer Option zum nächsten Schritt, was für manche BenutzerInnen unerwartet sein kann. Besser wäre es konsistent mit weiter-Button das Formular zu bedienen.
Kriterium 3.3.1 - Fehlererkennung: Erfüllt / Nicht Anwendbar
- Fehler werden erkannt und in Textform beschrieben. Das Eingabefeld wird optisch mit einem ! markiert.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- Radiobuttons sind nicht ganz wie native Radiobuttons umgesetzt, aber mit der jetzigen Umsetzung auf jeden Fall bedienbar mit Tastatur/Screenreader. Die User müssen die Radiobuttons durchtabben, anstatt mit Pfeiltasten einen Wert auszuwählen (/weil jeder Radiobutton ist seine eigene Gruppe). Weiters ist keine gemeinsame Beschriftung verknüpft (1.3.1).
WS T08: Ergebnisseite 1 Rechner 1
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- Dialoge haben keinen Titel.
WS T09: Ergebnisseite 2 Rechner 1
WS T10: Ergebnisseite 3 Rechner 1
WS T11: Ergebnisseite 4 Rechner 1
WS T12: Versicherung abschließen
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Schritt 6: Die Grafik "Ein großes Briefumschlag-Symbol mit Häkchen..." ist rein dekorativ und sollte ein leeres alt-Attribut haben.
Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber
- Schritt 1/7: autocomplete="off", obwohl es hier sinnvoll wäre
Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze
- Schritt 4/7: die Dokumentdownloads werden nicht extra als solche ausgezeichnet, es ist nicht ganz klar dass es sich um einen PDF Download handelt.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Schritt 3c: Der Hinweis "Min. 3 Buchstaben des Nachnamens, optional weitere Namensteile durch Leerzeichen getrennt." ist nicht mit dem Formularfeld verknüpft.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- siehe T07 (betrifft Schritte 2 und 3)
WS T13: Formular absenden
WS T14: Versicherungs-Rechner 2
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- Der weiße Text "Weil Gesundheit zählt." hat mitunter zu wenig Kontrast zum Hintergrund.
Kriterium 1.4.10 - Umbruch: Bronze
- Bei 320px erscheint ein horizontaler Scrollbalken.
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- Aktueller Schritte-Status ist nicht im Seitentitel, außerdem kein allgemeiner Teil
Kriterium 3.2.2 - Bei Eingabe: Bronze
- Im Schritt "In welchen Fällen wollen Sie besonderen Komfort genießen?" wird automatisch weitergesprungen, wählt man eine Option aus (obwohl es auch einen "weiter"-Button gibt). Betrifft auch manche andere Schritte.
WS T15: Produktseite Rechner 2
WS T16: Abschlussseite Rechner 2
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Hinweis zum Telefonnummer-Format ist nicht mit dem Eingabefeld verknüpft.
WS T17: Pensions-Rechner
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- Aktueller Schritte-Status ist nicht im Seitentitel, allgemeiner Teil fehlt bzw. ist unterschiedlich zu vorigen Seiten
Kriterium 3.2.2 - Bei Eingabe: Bronze
- Bei Auswahl eines Radio-Buttons für die Berechnungsart wechselt der Rechner ohne Ankündigung gleich zum nächsten Schritt, siehe auch T07
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Es gibt wichtige Informationen, welche unterhalb der weiter-Buttons (oder Auswahl-Buttons) stehen. Screenreader-BenutzerInnen lesen diese Infos nicht, wenn sie das Formular bereits vorher absenden (z.B. bei Berechnungsart)
WS T18: Download App
Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Bronze
- siehe T04
WS T19: Standorte
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- "Weitere Infos zur Kfz-Zulassung" ist nicht als Überschrift ausgezeichnet
Kriterium 1.4.4 - Textgröße ändern: Silber
- Die Auflistung der Zulassungsstellen neben der Karte ist bei Vergrößerung nur noch schwer bedienbar, es gibt nur einen sehr kleinen Bereich um durch die Liste zu scrollen (siehe Screenshot Zulassungsstellen)
Kriterium 1.4.10 - Umbruch: Silber
- minimaler Scrollbalken
WS T20: Management
WS T21: Landesdirektion
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- H3-Überschriften folgen H1
WS T22: Presse-Meldungen
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Die Eingabefelder sind nicht mit vorgesehenen HTML-Eingabefeldern gelöst und dadurch für assistierende Technologien nicht als Eingabefelder erkennbar bzw. werden die Werte nicht richtig kommuniziert.
Kriterium 3.2.2 - Bei Eingabe: Bronze
- Bei Änderung einer Option von Kategorie/Jahr/Quartal wird sofort die Seite neu geladen, obwohl es einen "Anzeigen"-Button gibt.
WS T23: Presse-Detail
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- siehe T22
Kriterium 2.4.4 - Linkzweck (im Kontext): Silber
- Dateinamen der Download-Dateien werden statt einem lesbaren Namen angezeigt, z.B. "22_Kundenportal_100.000_User__c__Wiener_Staedtische.jpg"
Kriterium 3.2.2 - Bei Eingabe: Bronze
- siehe T22
WS T24: J Karriere-Portal Startseite
Kriterium 1.2.1 - Reine Audio- und Videoinhalte (aufgezeichnet): Erfüllt / Nicht Anwendbar
- Hintergrundvideo ist rein dekorativ und ist auch so deklariert.
Kriterium 2.4.1 - Blöcke umgehen: Silber
- - Ja - Nicht best practice: Nicht alle Inhalte sind in Landmarks
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- allgemeiner Teil fehlt (für die ganzen Karriere-Seiten)
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Fokus-Style bei Elementen über Video nicht gut sichtbar (dunkle Umrandung, z.B. bei Logo). Empfehlung: Kombination mit weißer Hintergrund und dunkler Umrandung bei Fokus, damit es bei jeder Hintergrundfarbe im Video gut sichtbar ist.
WS T25: J Übersicht Jobs
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber
- Fehlende sichtbare Labels bei Filter Auswahlfelder "Alle Bundesländer", ...
Da es sich nur um Filtermöglichkeiten handelt, verhindert dies aber nicht die Benutzung der Seite, daher Silber.
WS T26: J Job-Detail
WS T27: J Content 1
WS T28: J Content 2
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Icons sind dekorativ und benötigen keine Beschreibung, z.B. "Grafische Icon Darstellung von Händen, welche sich im Kreis festhalten"
Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Bronze
- Fragen im Video von Lisa Marie Passet sind nicht als Audio oder in Textform verfügbar.
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Bronze
- siehe 1.2.3
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Visuelle Überschriften sind nicht alle als Überschriften ausgezeichnet "Was wir bieten", "Bewerbungsprozess", ...
Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze
- Link zum Video "Wir unterstützen dich" ist der Bild-Alternativtext und beschreibt nicht den Link. Es sollte auch vermerkt werden, dass sich das Video in einem neuen Fenster öffnet.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Beim Videoplayer bei den Buttons ist der Fokus mit dunklen Rahmen nur schwer erkennbar.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- - ein leerer Link ohne Name vorhanden <a id="c57333"></a>
WS T48: Zufallssample 1
Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze
- Die "vorige/nächste"-Buttons zeigen die erste/letzte Seite an.
WS T49: Zufallssample 2
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- Die Häkchen in der Überblickstabelle vermitteln eine relevante Information, haben aber keine Textalternative.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Überblicks-Tabelle: das sind 4 voneinander unabhängige Bereiche, welche nicht als Tabelle dargestellt strukturiert werden sollten.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- siehe T06 (aria-label)
WS T50: Zufallssample 3 Reiseversicherung
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- siehe T49
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- siehe T49
WS T51: Zufallssample 4 Reiseversicherung Abschlussseite
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Hinweise wie Formate für Telefonnummer sind nicht mit dem Eingabefeld verknüpft (über aria-describedby).