Zertifikatsbericht für NEBA dabei-austria

Webseiten Betreiber: Dachverband berufliche Inklusion - Austria
Webseiten Domain: www.neba.at
Zertifikat Status: Silber
Zertifizierungsdatum: 10.03.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 hat eine sehr gute Zugänglichkeit und erfüllt weitestgehend die WCAG 2.2 - AA Erfolgskriterien. Teilweise sind noch minimale Abweichungen vorhanden, wie zum Beispiel:

  • Kontrastprobleme beim Schließen Button des mobilen Menüs
  • Inkorrektes Überschriftenlevel verändert den Seitenaufbau
  • Alt Text beschreibt das Bild statt den Link
  • Menü schließt sich nicht automatisch, wenn der Fokus das Dropdown Menü verlässt und verdeckt somit den Fokus

Auf Basis des aktuellen Stand der Website kann mit gutem Gewissen WACA in Silber vergeben werden.

Folgende Verlinkungen der Website waren nicht im Scope des Audits, da externe URLs oder interne Systeme:

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    NEBA dabei-austria: T1 Startseite

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Das Sozialministeriumsservice Image vor dem Footer hat den alt="Sozialministeriumservice Logo" – dies erklärt das Bild und nicht den Linktext. Sollte "Sozialministeriumsservice Website" heissen.

    Der Pfeil auf der Startseite (zum scrollen der Seite) beschreibt zuerst das Icon, und dann den Zweck "Icon: Pfeil nach unten, zum Inhalt". Der untere Pfeil beschreibt nur das Icon "Icon: Pfeil nach oben". Entferne die Texte "Icon: Pfeil nach unten" und "Icon: Pfeil nach oben" und behalte den Kontext

    Kriterium 1.4.11 - Nicht-Text Kontrast: Silber

    Mobil: Das "x" Icon im offenen Menü hat noch einen niedrigen Farbkontrast statt 3:1.

    Kriterium 4.1.2 - Name, Rolle, Wert: Silber

    Der Kontrast Button und Links hervorheben Button in der Topnavigation kommuniziert den Status nicht. Es fehlt aria-pressed="true/false" wenn es aktiv/inaktiv ist.

    NEBA dabei-austria: T2 Suchergebnis

    NEBA dabei-austria: T3 Jugendcoaching

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Die Überschriften "Anbieter:innen Filter" ist zu einer Überschrift geworden, jedoch das falsche Level (derzeit H3 und wird zu "Erfahrungsberichte" zugeordnet) – sollte eine H2 sein.

    Kriterium 1.3.2 - Bedeutungstragende Reihenfolge: Silber

    Auf mobil wird der Bereich "Anbieter:innen filtern" erst nach den Resultaten angezeigt – obwohl die DOM Reihenfolge korrekt ist.

    Kriterium 2.4.4 - Linkzweck (im Kontext): Silber

    Image Link "Ausbildung mit 18" hat den Alt Text="Logo Ausbildung bis 18" – das beschreibt das Logo, nicht den Link. Entweder ist der Link auf dem Logo zu entfernen, unter den Text als textlicher Link "zur Website" zu setzen und alt="Ausbildung bis 18. Wer mehr kann ist besser dran." (empfohlen) ODER alt="Ausbildung bis 18, wer mehr kann ist besser dran. Website."

    Kriterium 2.5.3 - Beschriftung im zugänglichen Namen: Silber

    Image Link "Ausbildung mit 18" wird mit alt="Logo Ausbildung 18" beschrieben. Der Text des Bildes wird nicht in derselben Reihenfolge wiedergegeben.

    NEBA dabei-austria: T4 Formular

    Kriterium 1.3.5 - Zweck von Eingaben bestimmen: Silber

    Das autocomplete Attribut der Personal Data bei Kontaktperson ist als "on" angegeben. Für bessere Barrierefreiheit sind die Felder Telefon, Email, Fullname mit den korrekten Autocomplete values zu versehen: https://developer.mozilla.org/en-US/docs/Web/HTML/Attributes/autocomplete.

    Kriterium 3.3.2 - Beschriftungen (Labels) oder Anweisungen: Silber


    NEBA dabei-austria: T5 Wegweiser

    Kriterium 3.2.3 - Konsistente Navigation: Silber

    Die Optionen für jede Frage werden visuell als Radiobutton dargestellt, verhalten sich jedoch wie Buttons und lösen einen Page Reload aus. Elemente müssen visuell konsistent aussehen und sich verhalten.