Webseiten Betreiber: BKS Bank AG
Webseiten Domain: www.bks.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 08.04.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:
Die Website ist prinzipiell in einem guten barrierefreien Zustand, einige kleinere WCAG-Abweichungen sind aber vorhanden, wie z.B. die visuelle Präsentation der Navigation entspricht nicht der Fokusreihenfolge und auch verfügen teilweise Texte nicht über einen ausreichenden Farbkontrast. Die Suche agiert sehr langsam, wodurch User teilweise glauben, keine Ergebnisse geliefert zu bekommen. Zusätzlich können gewisse Strings nicht abgefragt werden. User bekommen hiervon aber nichts mit. So kann z.B. nicht nach "BKS" oder etwa "Bank" gesucht werden. (Problem mit der Suche ist bekannt und wird im Laufe des Sommers gefixed, laut Roadmap. Der Website-Betreiber BKS kann das Problem nicht selbst lösen und benötigt dazu einen externen Anbieter. Es wird danach nochmals auditiert.)
Folgende Verlinkungen der Website waren nicht im Scope des Audits:
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
BKS: T01 Startseite
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Das Headerimage wird als Background Image ausgegeben, obwohl es nicht nur dekorativen Charakter hat, sondern auch relevante Informationen (Text auf Bild) bietet, die sonst nicht transportiert werden.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Auf die H2 (BKS Bank Websites) folgen H4 als Aufzählungen.
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- Der Kontrast von dem weißen Text auf dem grauen Hintergrundbild des Headerimage weist keinen ausreichenden Kontrast - lediglich 1,6:1 auf.
Kriterium 1.4.5 - Bilder eines Textes: Bronze
- Finanzielle Informationen werden im Headerbild integriert, die nicht ausgelesen werden können.
Kriterium 2.4.3 - Fokus-Reihenfolge: Silber
- Die Fokusreihenfolge entspricht nicht der visuellen Reihenfolge. Das Hauptmenü wird zuerst übersprungen, bevor es in den Fokus gelangt.
Kriterium 2.4.5 - Verschiedene Methoden: Bronze
- Die Startseite, welche auch gleichzeitig die Seite "Über uns" darstellt, kann lediglich über das Hauptmenü aufgerufen werden und ist nicht durch die Suche auffindbar.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Siehe Einreicherkommentar, bzw. gibt es auch keinen Fokus beim Chat, sowie auch das Such-Icon verfügt über keinen ausreichenden Fokus.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Einige Syntaxfehler, die jedoch zu keinen gröberen Problemen führen können.
BKS: T02 Suche
Kriterium 1.3.1 - Info und Beziehungen: Silber
- In der Footer-Navigation folgt auf eine H2 eine H4.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Visuelle Präsentation des Menüs stimmt nicht mit der Fokusreihenfolge übereinander.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Pagination hat keinen Fokus, wie auch der Chat. Suchicon hat keine Outline, wie andere Elemente.
Kriterium 3.3.1 - Fehlererkennung: Bronze
- Wenn man zB. BKS, oder Bank eingibt, werden keine Suchergebnisse angezeigt, auch nicht, dass keine vorliegen. Generell arbeitet die Suche sehr träge, wodurch die Bedienung extrem erschwert wird. Hier könnte etwa ein Throbber eingebunden werden, damit User einen Indikator haben, dass die Suche zumindest arbeitet.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Einige Syntaxfehler, jedoch ohne gravierende Auswirkungen für User.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Es sollten bei der Suche aria Meldungen implementiert werden, sodass Anzahl der Suchergebnisse ausgegeben werden.
Kriterium 4.1.3 - Statusmeldungen: Bronze
- Es werden keine Infos bzgl. der Anzahl der Suchtreffer etc. ausgegeben, bzw. dass die Suche keine Treffer erzielte.
BKS: T03 Portrait
Kriterium 1.2.5 - Audiodeskription (aufgezeichnet): Bronze
- Es gibt keine Audideskription. Es wird auch nicht der Text als Audio bereitgestellt. Hier sollte, wie schon erwähnt, das Video durch ein simples Bild ersetzt werden.
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Es gibt Probleme bei der Headline Verschachtelung. Auf eine H1 folgt eine H3, bzw. in der Footernavigation wieder H4 auf H2.
Kriterium 1.4.3 - Kontrast (Minimum): Bronze
- Siehe Einreicherkommentar.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Fokusreihenfolge entspricht nicht visueller Reihenfolge.
Kriterium 2.4.4 - Linkzweck (im Kontext): Bronze
- Der Link "Mehr Infos" zur Geschichte der BKS Bank führt auf eine externe Seite. Der Link hat zwar Target Blank, jedoch bekommt das der Screenreader (NVDA) nicht mit. Einmal auf der externen Seite gelandet, sind Benutzer verwirrt. Hier sollte noch eine Aria Information implementiert werden.
Kriterium 2.4.5 - Verschiedene Methoden: Nicht Erfüllt
- Der Seitentitel, bzw. der URL Alias (Portrait) lassen sich nicht mittels der Suche finden.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Siehe Einreicherkommentar.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Einige Syntaxfehler, ohne tatsächliche Auswirkungen auf BenutzerInnen.
BKS: T04 Filialfinder
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- Die Bilder bei den News haben einfach einen Teil des Titels als Alt-Text, was überhaupt nicht einer Bildbeschreibung entspricht.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headlines sind im Footermenü nicht korrekt verschachtelt.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Fokusreihenfolge stimmt nicht mit visueller Reihenfolge überein.
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Silber
- Das Label bei der Filialsuche sollte nicht nur Suchen, sondern "Filiale suchen" lauten, damit User eine bessere Orientierung haben.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Chat-Icon sowie auch das Suchfeld verfügen über keinen Fokus.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber
- Label sollte spezifiziert werden --> "Filiale suchen" für Screenreder
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere Fehler, ohne gravierende Auswirkungen.
BKS: T05 News
Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze
- Bei wenigen Fotos fehlt der Alternativtext, oder es werden Titel, bzw. Marketingbotschaften verwendet.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headline Struktur passt im Footer nicht. Aria Rollen
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü Fokusreihenfolge entspricht nicht visueller Reihenfolge.
Kriterium 2.4.5 - Verschiedene Methoden: Bronze
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chaticon erhält keinen Focus.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler.
Kriterium 4.1.2 - Name, Rolle, Wert: Bronze
- Die Pagination wird nicht als solche im SR ausgegeben.
BKS: T06 News-Detail
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Es gibt zwar eine Caption unter dem Bild, wodurch man darauf schließen kann, dass Frau Herta Stockbauer darauf zu sehen ist, jedoch benötigen Bilder im allgemeinen einen Alt-Text (zB. Portraitbild von Herta Stockbauer)
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Es ist zwar kein direkter Fehler, jedoch auch keine Best Practice, da hier vor der wirklichen Headline vier andere H1 benutzt werden. Im Fließtext visuell hervorgehobene Überschriften werden lediglich mittels "strong" hervorgehoben, was keiner Hierarchie entspricht.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Im Hauptmenü springt Fokus zuerst auf Suche, dann erst auf das Hauptmenü
Kriterium 2.4.5 - Verschiedene Methoden: Nicht Erfüllt
- Man kommt nur über die News zu dem Inhalt. In der Suche kann der Artikel nicht gefunden werden.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Das Chat-Icon hat keinen Fokus, ebenfalls die Suche.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleinere Fehler.
BKS: T07 Karriere
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Lehrlingsprogramm und International Trainee Programm sind mit H2/H3 verschachtelt, obwohl sie die gleiche Wertigkeit, wie andere Headlines darstellen.
Kriterium 1.3.3 - Sensorische Eigenschaften: Silber
Kriterium 1.4.4 - Textgröße ändern: Silber
- Der Container vom YouTube Video wird abgeschnitten, wenn man einen schmaleren Viewport und 200% Vergrößerung einstellt.
Kriterium 1.4.10 - Umbruch: Silber
- Siehe Schriftvergrößerung.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Hauptmenü wird erst nach Suche und Login angesteuert.
Kriterium 2.4.4 - Linkzweck (im Kontext): Silber
- Siehe Einreicherkommentar.
Kriterium 2.4.5 - Verschiedene Methoden: Bronze
- Seite kann nicht über die Suche gefunden werden. (Wird mit Juli laut Roadmap gefixed)
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere Fehler, ohne gravierende Auswirkungen.
BKS: T08 Karriere-Detail
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- Bei kleinerem Viewport kann man die Schrift auf dem Headerbild kaum lesen.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Hauptmenü erhält erst nach Suche und Login den Fokus.
Kriterium 2.4.5 - Verschiedene Methoden: Bronze
- Es kann zwar über die Suche ein Inhalt gefunden werden, der aber lediglich die Karriere-Übersichtsseite aufruft, anstatt direkt zum Inhalt zu führen.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus, wie auch die Suche.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Viele kleine Fehler, jedoch ohne gravierende Auswirkungen.
BKS: T09 Kontakt
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Das Bild beim Chat verfügt über keinen adäquaten Alternativtext.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headlines sind nicht korrrekt verschachtelt. Auf H2 folgt H4.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü erhält erst nach Suche und Login den Fokus.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Chat-Icon, sowie das Suchfeld zu den Filialen verfügt über keinen Fokus.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler, die keine gravierenden Auswirkungen haben.
BKS: T10 Konto
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headlines sind nicht linear.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Hauptmenü wird erst nach Suche und Login fokussiert.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus, wie auch das Suchicon nicht.
Kriterium 3.2.4 - Konsistente Erkennung: Bronze
- Die häkchen werden einmal als "Inkluider bzw. Ja" eingesetzt, einmal als Aufzählungszeichen.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler.
BKS: T11 Finanzieren
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headlinehirarchie ist nicht korrekt
Kriterium 2.4.3 - Fokus-Reihenfolge: Silber
- Menü folgt erst nach Suche.
Kriterium 2.4.5 - Verschiedene Methoden: Bronze
- Über die Suche kann die Seite nicht gefunden werden, da Suchergebnisseiten mittels Klick nicht geladen werden.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat verfügt über keinen Fokus, wie auch Suche
Kriterium 3.2.1 - Bei Fokus: Silber
- Durch das Ajax der Filter werden automatisch Inhalte ausgeblendet.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler
BKS: T12 Organe
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headline Struktur ist nicht korrekt. Auf H2 folgen H4.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü folgt erst nach Login/Suche
Kriterium 2.4.4 - Linkzweck (im Kontext): Silber
- Die Links zu den Lebensläuffen sind nicht korrekt gekennzeichnet, sodass dies der Screenreader ausgeben kann.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler.
BKS: T13 Sparrechner
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Bild von "Mein Geld-Konto fix" verfügt über keinen Alternativtext. Das Bild mit dem Sparschwein hat einen falschen Alternativtext.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headline Struktur ist nicht korrekt.
Kriterium 1.4.3 - Kontrast (Minimum): Silber
- Der Subtext im Sparrechner verfügt über keinen ausreichenden Kontrast.
Kriterium 1.4.5 - Bilder eines Textes: Bronze
- Bei einem Bild wird der Inhalt des Bildes nicht als Alternative wiedergegeben.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü erfolgt erst nach Suche/Login
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze
- Die SLider haben keine geigneten Labels.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus. Bzw. Slider im Sparrechner verfügen über keinen Fokus.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleinere Fehler.
BKS: T14 Kurs-Informationen
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headline Struktur ist nicht korrekt.
Kriterium 2.1.1 - Tastatur: Bronze
- Datepicker ist nicht mittels Tastatur bedienbar.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü folgt auf Login/Suche
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat hat keinen Fokus, wie auch Suche.
Kriterium 3.2.4 - Konsistente Erkennung: Bronze
- PDFs werden teilweise mittels Downloadicon und teilweise ohne angezeigt.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler
BKS: T15 Zufallssample 1
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Es gibt zwei Background Images, wobei man hier im Vergleich zu den anderen Boxen nicht unterscheiden kann, weshalb bei diesen kein Alt-Text benötigt wird, bei anderen schon.
Kriterium 1.3.1 - Info und Beziehungen: Silber
- Headline Struktur ist nicht korrekt. H4 folgt auf H2.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Menü folgt erst auf Suche/Login. Vergleichen-Button hat keinen Fokus.
Kriterium 2.4.7 - Fokus sichtbar: Bronze
- Vergleichen-Button hat keinen Fokus.
Kriterium 3.2.2 - Bei Eingabe: Bronze
- Durch Auswahl der Filter erhält der Benutzer keine Informationen über den geänderten Kontext, bzw. gefilterte Ansicht.
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Bronze
- Es gibt zwar einen Hinweis, wenn man Produkte vergleicht, jedoch bekommt davon der Screenreader nichts mit.
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Viele kleinere Fehler.
Kriterium 4.1.3 - Statusmeldungen: Bronze
- Wenn ein Produkt zum Vergleich angeklickt wurde, bekommt der Screenreader nichts davon mit, außer die Infos, dass etwas gewählt wurde.
BKS: T16 Zufallssample 2
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Der Alt-Text beschreibt nicht das Bild.
Kriterium 1.3.1 - Info und Beziehungen: Bronze
- Headline Struktur ist linear.
Kriterium 2.4.3 - Fokus-Reihenfolge: Bronze
- Hauptmenü folgt auf Suche/Login
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Chat-Icon hat keinen Fokus, wie auch die Suche
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Mehrere kleine Fehler