Webseiten Betreiber: Blinden- und Sehbehindertenverband Kärnten (BSVK)
Webseiten Domain: www.bsvk.at
Zertifikat Status: Silber
Zertifizierungsdatum: 01.02.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 mit der URL bsvk.at ist sehr gut zugänglich umgesetzt. Zum Testzeitpunkt wurden nur minimale Abweichungen zur WCAG festgestellt. Es kann daher WACA in Silber vergeben werden.
Die Website ist "technisch" ein Klon von blindenverband-wnb.at und beinhaltet nur anderen Content und Logo, daher ist ein reduziertes Testsample für den Audit möglich gewesen.
Geprüftes Testsample
Abweichungen zur WCAG und WACA-Einstufung
BSVK T1: Startseite
Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber
- Das Hero Image verfügt über keinen Alternativtext und das Bild kann auch nicht als dekorativ eingestuft werden.
Kriterium 1.4.5 - Bilder eines Textes: Silber
- Das Logo hat einen Text im Bild und lautet rein visuell "BSVK - Blinden- und Sehbehindertenverband Kärnten" der alternative Text lautet jedoch nur "Blindenverband Kärnten" und ist somit nicht adäquat.
Kriterium 2.4.7 - Fokus sichtbar: Silber
- Der Wrapper nach dem Header (Klasse "wrapper--inner") verfügt über ein tabindex="0", wo der Fokus nicht sichtbar ist, der tabindex="0" ist an dieser Stelle zu hinterfragen (siehe 2.4.3). Empfehlung: Tabindex-Attribut ist an dieser Stelle entfernen.
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Das mobile Menü ist hier kein Application-Menü, sondern eine reine Navigation. Daher ist die Verwendung von aria-haspopup nicht der korrekte Use-Case. Dies ist unüberlegt von den Bootstrap-Komponenten übernommen worden (dies ist historisch bedingt und Bootstrap-Komponenten sind erst im nachhinein zugänglich gemacht worden, was auch diesen Mix an Attributen bei Bootstrap-Komponenten erklärt).
Leseempfehlung:
"That’s where some go wrong and start adding WAI-ARIA semantics: aria-haspopup="true", role="menu", role="menuitem" etc. There is a place for these, as we’ll cover, but not here. Here are two reasons why:
- ARIA menus are not designated for navigation but for application behavior. Imagine the menu system for a desktop application.
- The top-level link should be usable as a link, meaning it does not behave like a menu button."
Quelle: Artikel von Heydon Pickering https://www.smashingmagazine.com/2017/11/building-accessible-menu-systems/
BSVK T2: Kontakt
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Die Breadcrumbs verfügen über eine Duplicate ID:
<div class="container-breadcrumbs" id="breadcrumbs"><script type="application/ld+json">...</script><nav id="breadcrumbs" aria-label="Pfadangabe">
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Duplicate IDs
BSVK T3: Presse
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Die Breadcrumbs verfügen über eine Duplicate ID:
<div class="container-breadcrumbs" id="breadcrumbs"><script type="application/ld+json">...</script><nav id="breadcrumbs" aria-label="Pfadangabe">
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Duplicate IDs
BSVK T4: Mitglied werden
Kriterium 1.4.10 - Umbruch: Silber
- Die Download-Links umbrechen nicht, die darin enthaltenen Informationen gehen über den Viewport hinaus.
Kriterium 1.4.12 - Textabstände: Silber
- Siehe Kriterium 1.4.10
Kriterium 4.1.1 - Syntaxanalyse: Silber
- Die Breadcrumbs verfügen über eine Duplicate ID:
<div class="container-breadcrumbs" id="breadcrumbs"><script type="application/ld+json">...</script><nav id="breadcrumbs" aria-label="Pfadangabe">
Kriterium 4.1.2 - Name, Rolle, Wert: Silber
- Duplicate IDs