Webseiten Betreiber: DONAU Versicherung
Webseiten Domain: www.donauversicherung.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 14.08.2024
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:
Große Teile der Website der Donau Versicherung sind gut zugänglich und erfüllen die Anforderungen der Barrierefreiheit nach WCAG 2.1 – AA in guten Maß, aber an gewissen Stellen gibt es kleinere Mängel. Insbesondere dort wo client-seitige Änderungen am DOM stattfinden gibt es kein Feedback an Screenreader-UserInnen. Außerdem werden einige multimediale Inhalte nicht beschrieben und teilweise sind Kontrastverhältnisse unzureichend.
Ergänzungen zum Audit:
- Die Startseite Geschäftskunden mit der URL https://www.donauversicherung.at/geschaeftskunden ist gleich wie die Startseite Privatkunden, jedoch hat sie andere Menüpunkte und daher wäre die Menüführung der Website nicht konsistent (WCAG 3.2.3 Konsistente Navigation und 3.2.4 Konsistente Erkennung). Da hier aber eine komplett andere Zielgruppe angesprochen wird, kann trotz der selben URL, dieser Aspekt aus dem Scope des Audits genommen werden und in WACA Bronze eingestuft werden.
- Einige Formulare, wie zum Beispiel Reiseschutz, sind per iFrame von externen Anbietern in die Website integriert worden. Diese sind nicht optimal barrierefrei und WCAG-konform. Es wird aber bei allen Formularen die Möglichkeit einer inhaltlichen Alternative zur Verfügung gestellt, in dem ein Hinweis auf die Serviceline oder Kontaktmöglichkeit zu BeraterIn angegeben ist.
Folgende Elemente der Website waren nicht im Scope des Audits:
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
DONAU T00: Rahmen der Website
Kriterium 1.4.10 - Umbruch: Silber
- Siehe 2.1.2
Kriterium 2.1.2 - Keine Tastaturfalle: Silber
- 1. Bei kleinen Viewports oder wenn man gezoomed hat, ist die Bedienung des Menüs nicht sehr intuitiv.
-> Menü öffnen
-> Tab auf Gesundheit (Weitertabben geht nicht, man muss die Pfeiltasten verwenden)
-> Pfeil-Taste nach unten
-> Submenü geht auf
-> Durch das Submenü tabben bis „Alle Produkte anzeigen". Pfeiltasten machen nichts. Nächster Tab springt zwar zum nächsten Menüpunkt, scrollt aber die komplette Website bis ans Ende.
Für Gold:
1. Keyboardbedienung erleichtern. Wenn möglich ohne Abhängigkeit zu den Pfeiltasten umsetzen und Scrolling verhindern.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Fokus-Styles sind vorhanden, aber oft nicht gut sichtbar.
Für Gold:
1. Deutliche Fokus-Styles und z.B. auch mit `outline-offset` arbeiten.
DONAU T01: Startseite Privatkunden
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- 1. Je nachdem wie man mit einem Screen Reader navigiert, kann es sein, dass die SVGs als Bilder ohne Bezeichnung angekündigt werden.
Für Gold:
1. `aria-hidden="true"` auf die SVGs legen.
Kriterium 2.1.1 - Tastatur: Silber
- 1. Im „Ich will mehr.“-Slider sind alle Elemente zu jeder Zeit zugänglich auch wenn sie nicht im Viewport sichtbar sind. Das hat zur Folge, dass man durch alle Elemente tabben muss, um weiter navigieren zu können.
Für Gold:
1. Elemente richtig verstecken und immer nur die sichtbaren Elemente zugänglich machen.
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Silber
- 1. Überschriften wie „Ich will“ oder „Ich will mehr“ beschreiben den Zweck der jeweiligen Bereiche nicht.
Für Gold:
1. Aussagekräftigere Überschriften verwenden.
Kriterium 3.1.2 - Sprache von Teilen: Silber
- 1. Die Bezeichnungen der Buttons im Slider sind „Next slide“ und „Previous Slide“.
Für Gold:
1. Button Bezeichnungen übersetzen.
DONAU T02: Suche
Kriterium 1.4.10 - Umbruch: Silber
- 1. Bei einer Viewportbreite von 1280px und einem Zoom-Level von 400% werden die Suchkategorien abgeschnitten.
Für Gold:
1. Sicherstellen, dass Inhalte nicht abgeschnitten werden.
Kriterium 2.1.1 - Tastatur: Silber
- 1. Der Link „Startseite“ in der Breadcrumb Navigation jedes Ergebnisses ist überflüßig. Wenn man den Link entfernt, entfernt man 1. redundante Links und 2. eine Vielzahl von Tab-Stopps.
2. Auf Grund der vielen Ergebnisse pro Seite und mit 4 Tab Stopps pro Ergebnis, würde es sich anbieten vor den Ergebnissen einen Skip Link zu haben, der einen zur Paginierung führt. Alternativ kann man die Paginierung auch am Ende und am Anfang der Suchergebnisse ausgeben.
Für Gold:
1. Startseite aus Breadcrumb entfernen.
Nice To Have:
2. Doppelte Paginierung oder Skip Link
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- 1. Im Titel sollte auch der Name der Site vorkommen, also z.B. „Suche - Donauversicherung“.
2. Im Titel sollte auch der Kontext abgebildet sein, also z.B. “Suche - Produkte - Donauversicherung“.
Für Gold:
1. Titel optimieren
Nice to Have.
2. Titel optimieren
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Silber
- Siehe T1
DONAU T03: Kontakt
Kriterium 3.3.1 - Fehlererkennung: Silber
- 1. Fehler werden nur visuell erfasst.
2. Fehlermeldungen sind nicht mit dem jeweiligen Eingabefeld verknüpft.
3. Die Validierung ist mangelhaft (siehe Screenshot)
Für Gold:
1. `aria-invalid="true"` auf fehlerhafte Felder setzen
2. Felder und Fehlermeldungen mit `aria-describedby` verknüpfen.
Nice To Have:
3. Validierung optimieren.
Kriterium 3.3.3 - Fehlerempfehlung: Silber
- 1. Die Beschreibungen „Das ist ein Pflichtfeld.“ sind nicht aussagend.
Für Gold:
1. Sinnvolle Fehlermeldung ausgeben
Kriterium 4.1.3 - Statusmeldungen: Silber
- 1. Es gibt keinerlei Feedback für Screen-Reader beim Absenden des Formulars, wenn es Fehler auf der Seite gibt.
Für Gold:
1. Status via Live Region oder Focus Management ankündigen.
DONAU T04: Servicestellen
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- 1. Kontrast im Fehlerdialog nicht ausreichend.
Für Gold:
1. Ausreichende Kontraste verwenden.
Kriterium 2.4.1 - Blöcke umgehen: Silber
- 1. Nachdem die Karte nicht barrierefrei ist, sollte es die Möglichkeit geben die Karten zu überspringen damit man gleich zur Liste (in dem Fall die Alternative zur Karte) kommt.
2. Siehe T1
Für Gold:
1. Skip Link ergänzen
2. Siehe T1
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- 1. Es gibt kein Focusmanagement wenn man auf Cookie-Einstellungen klickt. Es öffnet sich ein Modal, aber Fokus bleibt auf dem Link dahinter. Es ist zwar ein Third-Party Iframe und der Website-Betreiber hat keinen Zugriff darauf, jedoch sollte schon bei der Auswahl von Third-Party Iframes auf barrierefreie Lösungen geachtet werden.
Für Gold:
1. Focus auf den Dialog legen.
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Silber
- Siehe T1
Kriterium 3.1.2 - Sprache von Teilen: Silber
- 1. UI Elemente in der Karte sind Englisch
Für Gold:
1. Englisch in Deutsch übersetzen.
Kriterium 3.3.1 - Fehlererkennung: Silber
- 1. Es gibt bei falscher Eingabe eine Fehlermeldung, aber die wird nicht automatisch programmatisch wiedergegeben.
Für Gold:
1. Live Regions für die Ankündigung von Fehlermeldungen verwenden
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- 1. Der Such-Button hat keinen Accessible Name.
2. Die Tabs sind keine richtigen Tabs. Es sind aktuell nur Links mit JS Click-Event und liefern damit zu wenig Information über das Interface.
Für Silber:
1. `aria-label` ergänzen
Für Gold:
2. Korrekte Elemente (`button`), korrekte Rollen (`tablist`, `tab`, `tabpanel`) und ARIA Attribute verwenden.
Kriterium 4.1.3 - Statusmeldungen: Bronze
- 1. Es gibt kein Feedback nachdem man eine Suche abgesetzt hat.
2. Es gibt kein Feedback nachdem man Ergebnisse gefiltert hat.
3. Es gibt kein Feedback, wenn man nach Service-/Zulassungsstellen sucht, aber man den Cookie Einstellungen zuvor nicht zugestimmt hat, und es dementsprechend keine Ergebnisse gibt.
Für Gold:
1./2./3. Live Region oder Focus Management verwenden, um Screen Reader Usern zu vermitteln, dass sich etwas am Interface geändert hat.
DONAU T05: Beraterseite
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T3
Kriterium 3.3.3 - Fehlerempfehlung: Silber
- Siehe T3
Kriterium 4.1.3 - Statusmeldungen: Silber
- Siehe T3
DONAU T06: Formulare
DONAU T07: Online abschließen
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Focus Styles sind kaum sichtbar.
Für Gold:
1. Focus Styles optimieren.
DONAU T08: Versicherung beantragen
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- 1. Siehe T2
2. Insbesondere bei einem mehrseitigen Prozess ist die Orientierung wenn sich der Titel nicht ändert und den aktuellen Schritt wiedergibt sehr schwierig.
Für Gold:
1. Titel optimieren und aktuellen Schritt ergänzen.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Fokus ist auf Radio-Buttons und Checkboxen nicht sichtbar.
Für Gold:
1. Fokus Styles ergänzen.
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T3
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- 1. In älteren Versionen von Safari (<17) wird immer nur das erste label von mehreren labels auf einem Element erkannt. Wenn, so wie es hier der Fall ist, das erste label keinen Inhalt halt, wird das Formularelement durch einen leeren String benannt.
2. Bei der Radio-Button-Gruppe „Ich möchte, dass Schäden bis zu einer Höhe von...“ würde es sich anbieten ein `fieldset` zu verwenden, um das Gruppen-Label mit den Buttons semantisch zu verknüpfen.
Für Gold:
1. Formularelement nicht durch leere Labels benennen.
Nice To Have.
2. fieldset + legend verwenden.
Kriterium 4.1.3 - Statusmeldungen: Silber
- Siehe T3
DONAU T09: Bedarf erheben
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- 1. Kontrastverhältnisse teilweise nicht ausreichend (siehe Screenshot).
Für Gold:
1. Ratio muss für normalen Text mindestens 4.5: 1 sein.
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T3
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber
- 1. Das „Mein Aktions-Code“ Feld ist nicht gelabelled.
Für Gold:
1. Bezeichnung ergänzen.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- 1. Das „Mein Aktions-Code“ und das „Mein:e Berater:in” Feld ist nicht gelabelled.
2. Die Tooltip-Buttons sind generische Elemente und keine echten Buttons und damit nicht als solche erkennbar.
3. Alle drei Buttons im „Wichtige Informationen und Dokumente“ Bereich haben keine Textalternative.
Für Gold:
1./3. Bezeichnungen ergänzen.
2. Button-Element verwenden.
Kriterium 4.1.3 - Statusmeldungen: Silber
- 1. Es gibt keinerlei Feedback bei der Überprüfung des Aktionscodes.
Für Gold:
1. Live Region oder ähnliche Technik verwenden.
DONAU T10: Unfallversicherung
Kriterium 2.1.1 - Tastatur: Silber
- 1. Siehe T1
Für Gold:
1. Siehe T1
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Silber
- 1. Die h1 der Seite ist „Ich will keinen Unfall haben. Und wenn doch?“ und beschreibt den Zweck der Seite nicht.
2. Siehe T1
Für Gold
1. Sinnvolle h1 wählen.
2. Siehe T1
Kriterium 3.1.2 - Sprache von Teilen: Silber
- 1. Siehe T1
Für Gold:
1. Siehe T1
DONAU T11: Datenblätter
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- 1. Kontraste sind in den grünen Feldern nicht ausreichend.
Für Gold:
1. Ausreichenden Kontrast verwenden.
Kriterium 2.1.1 - Tastatur: Bronze
- 1. Das "Risiko- und Ertragsprofil" kann nicht über die Schieberegel eingestellt werden.
2. Optionen unter “Nachhaltigkeit" und "Versicherungsprodukt" können nur mit der Maus ausgewählt werden.
Für Gold:
1. Keyevents für Schieberegler ergänzen.
2. Keyevents für Optionen ergänzen
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- 1. Tooltip Buttons sind keine echten Buttons und damit nicht als solche für Screen Reader erkennbar. Der Inhalt der Buttons ist auch nicht verknüpft und damit nicht zugänglich.
2. Erklärung einblenden-Buttons kommunizieren nicht, ob die Erklärung offen ist oder nicht.
Für Gold:
1. Richtige Buttons verwenden und Tooltip-Inhalt semantisch verknüpfen.
2. aria-expanded ergänzen und toggeln.
Kriterium 4.1.3 - Statusmeldungen: Bronze
- 1. Es gibt keinerlei Feedback an Screenreader beim setzen oder entfernen von Filtern.
Für Gold:
1. Feedback via Live-Region geben.
DONAU T12: Karriere
DONAU T13: Jobportal
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- 1. Kontrast in der Auflistung der Jobangebote nicht ausreichend.
Für Gold:
1. Kontraste müssen mindestens 4.5:1
DONAU T14: Job-Detail
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- 1. Kontrast im Header der Jobangebote nicht ausreichend.
Für Gold:
1. Kontraste müssen mindestens 4.5:1
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- 1. Der Titel jedes Jobangebots ist „Jobangebot”.
Für Gold.
1. Einzigartige Titel verwenden.
Kriterium 2.4.4 - Linkzweck (im Kontext): Silber
- 1. Linktext wie „Dann klicken Sie hier“ sollte vermieden werden.
Für Gold:
1. Beschreibenden Linktext verwenden.
DONAU T15: Initiativbewerbung
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Fokus ist auf Upload-Buttons nicht sichtbar.
Für Gold:
1. Fokus Styles ergänzen.
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T3
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- 1. Die Löschen-Buttons haben keinen Accessible Name.
Für Gold:
1. Button mit `aria-label` (oder andere Technik) beschreiben.
Kriterium 4.1.3 - Statusmeldungen: Silber
- Siehe T03.
DONAU T16: Ambulante Behandlungen
Kriterium 1.4.13 - Eingeblendete Inhalte: Silber
- 1. Inhalt verschwindet sobald man die Maus vom Info-Button bewegt.
Für Gold:
1. Tooltip-Inhalt muss persistent sein auch wenn der Mauszeiger sich vom Button wegbewegt.
Kriterium 2.1.1 - Tastatur: Bronze
- Der Datepicker ist nicht über das Keyboard zugänglich, aber man kann zumindest ein Datum eintippen.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Fokus auf Upload-Felder nicht vorhanden.
Für Gold:
1. Styles ergänzen
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T03
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- 1. Tooltip Buttons sind keine echten Buttons und damit nicht als solche für Screen Reader erkennbar. Der Inhalt der Buttons ist auch nicht verknüpft und damit nicht zugänglich.
Für Gold:
1. Richtige Buttons verwenden und Tooltip-Inhalt semantisch verknüpfen.
Kriterium 4.1.3 - Statusmeldungen: Silber
- Siehe T03
- Es gibt keinerlei Feedback bei Click auf "Weitere Leistung hinzufügen" bzw. "Leistung entfernen".
Für Gold:
- Siehe T03
- Focus manage oder Live Region verwenden
DONAU T17: Lexikon
Kriterium 1.3.1 - Info und Beziehungen: Silber
- 1. Die Buchstaben sollten Überschriften sein um die Navigation zu vereinfachen.
Für Gold:
1. Buchstaben als h2 auszeichnen.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Siehe T03
DONAU T18: Schadensfall Checkliste
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- Siehe T2
DONAU T19: Das Unternehmen
DONAU T20: Organisation
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- 1. Die meisten Bilder sind nicht beschrieben. Somit geht die Information verloren, dass es überhaupt Fotos zu den jeweiligen Personen gibt.
DONAU T21: Presse-Detail
DONAU T22: Podcast
Kriterium 1.2.2 - Untertitel (aufgezeichnet): Bronze
- 1. Es gibt keine Untertitel auf Deutsch, sondern nur fehlerhafte, automatisch generierte Untertitel auf Englisch. (siehe Screenshot)
Für Gold:
1. Untertitel ergänzen.
2. Die Englischen Untertitel am besten entfernen.
Kriterium 1.2.3 - Audiodeskription oder Medienalternative (aufgezeichnet): Bronze
- 1. Es gibt keine Medienalternative.
Für Gold:
1. Transkript ergänzen.
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Bronze
- 1. Es gibt keine Medienalternative.
Für Gold:
1. Transkript ergänzen.
DONAU T23: Zufallssample 1
Kriterium 2.1.1 - Tastatur: Silber
- 1. Wenn man ein Datum auswählt, geht der Fokus verloren.
Für Gold:
3. Fokus wieder auf das Eingabefeld legen.
Kriterium 2.4.2 - Seite mit Titel versehen: Silber
- Siehe T2
Kriterium 2.4.7 - Fokus sichtbar: Silber
- 1. Fokus ist auf Checkboxen nicht sichtbar.
Für Gold:
1. Fokus Styles ergänzen.
Kriterium 3.3.3 - Fehlerempfehlung: Silber
DONAU T24: Zufallssample 2
Kriterium 1.3.1 - Info und Beziehungen: Silber
- 1. Siehe T10
2. Die Bedienung der Tabelle via Screen Reader ist sehr mühsam, weil es keinen semantischen Zusammenhang zwischen den Werten und den jeweiligen Labels gibt.
Für Gold:
1. Semantische Tabellen verwenden anstatt generischer Elemente.
Kriterium 2.1.1 - Tastatur: Silber
- 1. Siehe T1
2. Siehe T3
Für Gold:
1. Siehe T1
Kriterium 3.1.2 - Sprache von Teilen: Silber
- 1. Siehe T1
Für Gold:
1. Siehe T1
Kriterium 3.3.1 - Fehlererkennung: Silber
- Siehe T3
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- 1. Siehe T3
2. Die labels bestehen aus einer Reihe von strukturierten Elementen, die je nach Screen Reader komplett oder nur teilweise vorgelesen werden.
Für Gold:
1. Siehe T3
2. Eine kurze, sinnvolle Bezeichnung für die Radio Buttons werden.