Zertifikatsbericht für Wiener Städtische

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 > Video­beratung 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 (Video­beratung) 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-Zulas­sung" 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).