Webseiten Betreiber: WKO Inhouse
Webseiten Domain: wko.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 12.07.2019
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:
Allgemein vom Audit ausgeschlossen sind folgende Inhalte bzw. Funktionen der Website:
a. PDFs
b. EPUB
c. Flash
d. live übertragene zeitbasierte Medien
e. Inhalte, die nur für eine geschlossene Gruppe von Personen und nicht für die allgemeine Öffentlichkeit verfügbar sind (Extranets und Intranets).
f. 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:
1. Drittanbieter Inhalte, mit denen man nicht interagieren kann (z.B. Facebook Trackingpixel), sind von der Überprüfung ausgenommen.
2. Drittanbieter Inhalte, die keine grundlegende, zentrale Funktionalität der Seite bereitstellen, sind von der Überprüfung ausgenommen.
3. Drittanbieter Inhalte, die zusätzliche Informationen bereitstellen und für die BenutzerInnen essentiell sind, benötigen eine Alternative.
4. Wenn eine Website weitestgehend aus Drittanbieter Inhalten besteht, wird eine Zertifizierung abgelehnt und Auftrag nicht angenommen.
g. Online-Karten und Kartendienste, diese müssen aber eine barrierefreie Alternative haben.
h. Google Captcha (ReCaptcha V2): Verwendung gültig nur für die Qualitätsstufen Silver und Bronze.
i. Websites mit nicht deutscher und/oder englischer Sprache.
Zusätzlich sind bestimmte Microsites bzw. Kampagnen Seiten der WKO mit definierten Unterscheidungskriterien wie z.B. Subdomain, anderes CMS, anderes Design, etc. vom Audit ausgeschlossen. Abgrenzung ist in der URL mit /site/ oder /kampagnen/ erkennbar:
• Charta der Vielfalt: https://www.wko.at/site/Charta-der-Vielfalt/index.html
• Karriereportal WKOOE: https://www.wko.at/site/Karriereportal-WKOOE/start.html
• Einlagensicherung: https://www.wko.at/site/einlagensicherung/start.html
• Exporttag: https://www.wko.at/site/exporttag/start.html
• Frau in der Wirtschaft: https://www.wko.at/site/fiw-wien/start.html
• proFITNESS: https://www.wko.at/site/profitness/start.html
• Alte Meister Junge Helden: https://www.wko.at/Content.Node/kampagnen/altemeisterjungehelden/index.html
• Medizinprodukte Kaufmann: https://www.wko.at/Content.Node/kampagnen/mpk/index.html
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
WKO: T1 Startseite
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Die Überschriften-Hierarchie ist nicht semantisch (die Rubikbezeichnungen - teaser__category - sind eine h6 zwischen h2 und h3). Das Suchfeld hat kein Label.
Nachaudit: Keine Änderung
Einstufung: Silber
Kriterium 1.4.5 - Bilder eines Textes: Nicht Erfüllt
- Im Footer ist ein Bild für WKO-Servicepaket, das kein ensprechendes Textaquivalent im Markup hat.
Nachaudit: Keine Änderung
Einstufung: Silber
Kriterium 2.1.1 - Tastatur: Nicht Erfüllt
- Der Cookiebanner liegt in einem Modalfenster, das via Tastatur nicht benutzbar bar. Modalfenster müssen, wenn sie geöffnet sind, einen Fokustrap haben, damit man nur in diesem Fenster verbleibt und erst nach dem schließen, kann man wieder auf der übrigen Seite weiter navigieren. So, wie es implementiert ist, ist es nicht der Fall.
Einstufung: Bronze
Kriterium 2.1.2 - Keine Tastaturfalle: Nicht Erfüllt
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Nicht Erfüllt
- Placeholder in der Suche sind kein Ersatz für ein Label, auch wenn das Label visuell nicht sichtbar sein soll, dann muß es aber trotzdem im Markup vorhanden sein (kann ja visuell versteckt werden).
Nachaudit: Keine Änderung
Einstufung: Silber
Kriterium 2.4.7 - Fokus sichtbar: Nicht Erfüllt
- Der Fokus ist nicht durchgehend sichtbar. Bei "Ich möchte ..." ist ein Link drinnen (<a href="#ich-moechte" aria-label="Link zum Bereich 'Ich möchte ...'" class="sr-only">Link</a>), diesen kann man bedenkenlos entfernen. Denn durch die Überschrift ist schon eine semantische Zuordnung gegegeben und dann kommen gleich die Listen.
Nachaudit: Keine Änderung
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Es sind Links auf der Seite die mit einem Alternativtext versehen sind (<a alt="...">). Alt kann nur auf Bildern (<img/>) verwendet werden.
Nachaudit: Die Links mit dem Alt-attribute wurden geändert. Es gibt zwei ungeschlossene DIV-Elemente im Footer.
Einstufung: Silber
WKO: T2 Branchenauswahl
-
WKO: T3 Branchenstartseite
Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt
- Einige Bilder auf der Seite verfügen über keinen Alternativtext. Alt kann nur dann leer gelassen werden, wenn das Bild zB graphisch eine reine Dekoration wäre oder wenn das Bild zB eine Person zeigt, dessen Name unmittelbar im Kontext der Seite gegeben ist. Das ist alles hier nicht der Fall.
Nachaudit: Keine Veränderung! Die fehlenden Alternativtexte haben weiters eine Auswirkung auf den den Linkzweck, weil nur durch den Alternativ der Link einen Linkzweck hat (Der Content der über dem Bild liegt ist nicht Bestandteil des Links, somit ist das Markup hier nicht optimal).
Einstufung: Bronze
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Nachaudit: Kontrast wurde verbessert und entspricht jetzt den Anforderungen.
Einstufung: Silber
Kriterium 1.4.5 - Bilder eines Textes: Nicht Erfüllt
- Siehe (Startseite)
Nachaudit: Keine Änderung
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Section-Elemente sollte eigentlich immer ein Heading haben. Es sind Links drinnen, die mit einem Alt-Attribut versehen sind, die bei Links nicht erlaubt sind. Es sind einige ungeschlossene Tags im Markup, die sie unter Umständen negativ aus das Layout auswirken können.
Nachaudit: Fehlplatzierte Alt-Attribute sind jetzt entfernt, der Rest ist unverändert.
Einstufung: Silber
WKO: T4 Branchendetailseite
Kriterium 1.4.5 - Bilder eines Textes: Nicht Erfüllt
- Bild im Footer (siehe Startseite)
Nachaudit: Keine Änderung
Kriterium 3.1.2 - Sprache von Teilen: Nicht Erfüllt
- Videoplayer-Bedientelemente sind auf Englisch statt Deutsch.
Nachaudit: Keine Änderung
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Teilweise Alt-Attribute auf Links, dessen Intention gar nicht greifen kann, weil auf Links nicht erlaubt. Teilweise ungeschlossene Elemente, die unter Umständen sich negativ auf das Layout auswirken können.
Nachaudit: Alt-Attribute wurden entfernt. Rest ist unverändert, jedoch keine gravierenden Auswirkungen.
Einstufung: Silber
WKO: T5 Branchendetailseite2
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Das Table hat keinen table head.
Nachaudit: Keine Veränderung
Einstufung: Bronze
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Nicht Erfüllt
- Die Überschriftenhierarchie ist nicht korrekt und stark Bootstrap-lastig gebaut (Twitter Bootstrap ist in den alten Versionen bekannt gewesen, semantisch nicht korrekt zu sein).
Kriterium 3.1.1 - Sprache der Seite: Nicht Erfüllt
- Sprache ist als "de_DE" ausgegeben (Bad Value).
Nachaudit: Keine Änderung
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Dieselben Probleme wir auf fast jeder geprüften Seite bisher. Es sind unbekannte Elemente wie <o:p> drinnen.
Nachaudit: Keine Änderung
Einstufung: Bronze
WKO: T6 Channelstartseite
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Bootstrap-lastige Headingsstruktur.
Einstufung: Bronze
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Dieselben Probleme wie auf fast jeder Seite
Einstufung: Silber
WKO: T7 Themenstartseite
Kriterium 3.1.1 - Sprache der Seite: Nicht Erfüllt
- Falscher Wert "de_DE" statt "de".
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Wie auf jeder Seite ist der Viewport mobile nicht vergrößerbar (no-scale). Alt-Attribute auf Links. Einige veraltete Attribute in den Tables
Nachaudit: Alt-Attribute auf Links entfernt worden, Tables vergleichsweise sauber jetzt. Rest ist unverändert.
Einstufung: Silber
WKO: T8 Startseite Veranstaltungen
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Wifi-Box (weiß auf grün) hat keinen ausreichenden Kontrast, Terminbox (rot auf graue Schrift) ist auch nicht ausreichend im Kontrast.
Nachaudit: Unverändert.
Einstufung: Silber
Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Nicht Erfüllt
- Fehlendes Label bei "Alle Termine"
Nachaudit: Unverändert.
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Alt-Attribute auf Links nicht erlaubt, Div-Elemente als Kindelemente von Time nicht erlaubt. Mobile ist die Seite nicht vergrößerbar (no-scale).
WKO: T9 Detailseite Veranstaltungen
Kriterium 3.1.1 - Sprache der Seite: Nicht Erfüllt
- Nicht Valider Sprachcode
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links und nicht erlaubte div Elemente als Kindelemente des Time Elements.
Nachaudit: Unerlaubte Alt-Attribute auf Links sind jetzt entfernt. Der Rest ist unverändert.
Einstufung: Silber
WKO: T10 Suche Veranstaltungen Trefferseite
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Fehlende H1 und nichthierarchische Headingstruktur
Einstufung: Bronze
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Textlinks zu Wifi-Veranstaltungen (moosgrün auf weiß) haben keinen ausreichenden Kontrast.
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links, Fehlende Headings im Section Element.
Nachaudit: Alt-Attribute auf Links sind jetzt entfernt. Rest ist unverändert.
Einstufung: Bronze
WKO: T11 Kategorieseite Veranstaltungen
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Nichthierarchische Überschriftenhierarchie
Einstufung: Silber
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Links zu Wifi Veranstaltungen (moosgrün auf weiß) haben keinen ausreichenden Kontrast.
Einstufung: Bronze
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links.
Nachaudit: Alt-Attribute sind entfernt worden. Rest ist unverändert.
Einstufung: Silber
WKO: T12 Startseite Wirtschaftskammer-Organisation
Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt
- Fehlende Alt-Attribute in den Bildern
Einstufung: Bronze
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Kontaktbox hat keinen ausreichenden Kontrast bei rot auf grau.
Nachaudit: Konstrast wurde verbessert und ist jetzt ausreichend.
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Alt-Attribute auf Links sind nicht erlaubt.
Nachaudit: Invalide Alt-Attribute auf Links wurden entfernt. Rest unverändert.
Einstufung: Silber
WKO: T13 Contentseite
Kriterium 3.1.1 - Sprache der Seite: Nicht Erfüllt
- Falscher Langcode ('de_DE' statt 'de').
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Alt-Attribute auf Links nicht erlaubt. Langcode nicht valide.
Nachaudit: Invalide Alt-Attribute auf Links wurden entfernt. Rest ist unverändert.
Einstufung: Silber
WKO: T14 Suche
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Fehlende H1, Überschriftenhierarchie nicht linear
Nachaudit: Unverändert
Einstufung: Silber
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt
- Fehlendes Label beim Textfeld der Suche
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links.
Nachaudit: Alt-Attribute wurden entfernt.
Einstufung: Silber
WKO: T15 Ausklappmenü im Header
WKO: T16 Kontaktseiten Mitarbeiter
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute in Links
Nachaudit: Die invaliden Alt-Attribute wurden entfernt. Rest unverändert.
Einstufung: Silber
WKO: T17 Kontaktseiten Dienststelle
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubt Alt-Attribute auf Links
Nachaudit: Alt-Attribute auf Links wurden entfernt.
Einstufung: Silber
WKO: T18 Datenbank
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Kontrast reicht in der Komplementärspalte bei rot auf grau nicht aus.
Nachaudit: Kontrast ist jetzt ausreichend.
Einstufung: Silber
Kriterium 3.2.2 - Bei Eingabe: Nicht Erfüllt
- Chosen ist nicht optimal.
Nachaudit: Unverändert
Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Nicht Erfüllt
- Fehlende Labels
Nachaudit: Chosen ist ist nach wie vor nicht optimal, die aufgelisteten Branchen werden dem Screenreader nicht vorgelesen. Man kann hier nicht schnell genug die richtig Branche eingeben.
Einstufung: Bronze
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links, verwaiste Tags, Duplicate ID, leere Option, leeres Heading.
Nachaudit: Invalide Alt-Attribute wurden entfernt. Rest unverändert.
Einstufung: Bronze
WKO: T19 Job und Karriere
-
WKO: T20 Kontakt
Kriterium 1.1.1 - Nicht-Text-Inhalt: Nicht Erfüllt
- Der Anfahrtsplan verfügt über Informationen, die nicht als Textäquivalent verfügbar ist. Und das Teaser image in der Komplementärspalte verfügt über Alt-Attribute.
Nachaudit: Anfahrtsplan hat keinen korrekten Alt-Text (kann durchaus leer bleiben), allerdings wurde dieser darunter äquivalent beschrieben.
Einstufung: Silber
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Rot auf grau in der grauen Box hat keinen ausreichenden Kontrast.
Nachaudit: Kontrast wurde verbessert und ist jetzt ausreichend.
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links, Format im Time-Element nicht korrekt, Header-Element nicht korrekt geschlossen.
Nachaudit: Die nicht erlaubten Alt-Attribute sind entfernt worden. Der Rest ist unverändert.
Einstufung: Silber
WKO: T21 Branchensuche
-
WKO T22: Zusatzsample Service Rechtliches
Kriterium 1.4.3 - Kontrast (Minimum): Nicht Erfüllt
- Kontaktbox in der Komplementärspalte erfüllt für Rot auf Grau nicht den Kontrastanforderungen.
Nachaudit: Konstrast wurde ausreichend verbessert.
Einstufung: Silber
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Unerlaubte Alt-Attribute auf Links, Time-Format erfüllt nicht den Anforderungen.
Nachaudit: Invalide Alt-Attribute wurden entfernt.
Einstufung: Silber
WKO T23: Zusatzsample Kammerumlage 1, Kammerumlage 2, Grundumlage
Kriterium 1.3.1 - Info und Beziehungen: Nicht Erfüllt
- Die Aufzählung ist nicht als Ordered List angelegt.
Einstufung: Bronze
Kriterium 3.1.1 - Sprache der Seite: Nicht Erfüllt
- Falscher Langcode, "de_DE" statt "de".
Kriterium 4.1.1 - Syntaxanalyse: Nicht Erfüllt
- Nicht erlaubte Alt-Attribute auf Links, Time-Format hat nicht das passsende Format, Link ohne href im Markup.
Nachaudit: Nicht erlaubte Alt-Attribute wurden entfernt. Rest unverändert.
Einstufung: Bronze