Zertifikatsbericht für Bildungs- und Berufsberatung NÖ

Webseiten Betreiber: Bildungs- und Berufsberatung NÖ
Webseiten Domain: www.bildungsberatung-noe.at
Zertifikat Status: Bronze
Zertifizierungsdatum: 15.09.2026

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 der bbn Bildungs- & Berufsberatung Niederösterreich mit der URL bildungsberatung-noe.at erfüllt die Anforderungen der Barrierefreiheit nach WCAG 2.2 – AA in sehr guten Maß. Die Website ist für alle NutzerInnen gut barrierefrei zugänglich, mit kleinen Ausnahmen. Es kann daher das WACA-Zertifikat der Stufe Bronze vergeben werden. 

Folgende Elemente der Website waren nicht im Scope des Audits, da externe Tools: 

Geprüftes Testsample

Abweichungen zur WCAG und WACA-Einstufung

    bbn: T01 Startseite

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Das Logo im Cookie Consent Banner heißt fälschlicherweise “Cookie Consent” statt “bbn logo”. Die Alternativtexte für die Newsartikel wiederholen den Blogartikelnamen.

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Keine H1 vorhanden. Die Überschrift “Intern” im Footer sorgt in manchen Seiten dazu, dass es einem anderen Begriff untergeordnet wird, wie zb Zwettl. Die Überschrift sollte zu einer H2 geändert werden, dann kann das nicht passieren.
    Im Footer werden doppelte <br> verwendet um Inhalte zu strukturieren.

    Kriterium 1.4.3 - Kontrast (Minimum): Silber

    Die Primary Buttons im Cookie Banner haben keinen ausreichenden Kontrast (3.24:1 statt 4.5:1).
    Die Buttons für die Freigabe der Youtube Videos haben on hover keinen ausreichenden Kontrast

    Kriterium 1.4.11 - Nicht-Text Kontrast: Bronze

    Der aktive Menüindikator sollte einen 3:1 Kontrast haben (oder keinen indikator).

    Kriterium 2.4.11 - Fokus nicht verdeckt (Minimum): Bronze

    Die sticky bottom bar on mobil verdeckt den Fokus teilweise, verwende scroll-margin. Auf Desktop versteckt die Top Navigation beim Rückwärtsnavigieren den Fokus.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Der status des mobilen Menübuttons ändert sich nicht wenn das Menü offen ist, es wird immer als “toggle navigation, collapsed” ausgesprochen. Ändere das Label zu “Menü” und sobald das “x” erscheint, zu “Menü schließen” und entferne das aria-expanded. Mobiler Menüdialog ist nicht als solcher markiert – siehe 2.4.3

    bbn: T02 Suchergebnis

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Es ist eine leere H1 vorhanden. Die "16 Ergebnisse für bildung" sollte die H1 bilden. Ich würde argumentieren dass die Ergebnisse eine Liste sein sollten. und die Seite kein <article> sondern vielmehr ein <main>.

    Kriterium 1.4.3 - Kontrast (Minimum): Erfüllt / Nicht Anwendbar

    Das gesuchte Wort ist jetzt mit Bold und Farbe markiert – der Unterstrich sollte entfernt werden, da es aussieht wie ein Link und das für die Konsistenz sonst missverständlich sein kann.

    Kriterium 2.4.1 - Blöcke umgehen: Silber

    Brotkrümelnavigation sollte innerhalb einer <nav> statt einem <article> stehen. Weiters braucht es einen Text vorab oder aria-label der bezeichnet welche Art der Navigation es ist.

    bbn: T03 Spezialangebote

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Erfüllt / Nicht Anwendbar

    Der Pfeil bei den Breadcrumbs wird nicht von assistiven Technologien versteckt.

    Kriterium 1.3.1 - Info und Beziehungen: Silber

    Die Themenblöcke pro Angebot (zb “Was Sie erwartet:”, “Für wen”, “Was sind die Ziele des Workshops?”, “Ablauf und Dauer”) sollten als H3 markiert sein (derzeit nur fett)

    Kriterium 2.4.1 - Blöcke umgehen: Silber

    Die Brotkrümelnavigation fehlt eine versteckter Text vorab der <ol> oder eine Auszeichnung als <nav aria-label=”Brotkrümel”> um sich von anderen Teilen abzuheben.

    bbn: T04 BeraterInnen

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Lösung ok, wäre jedoch besser, wenn der Link wird nur um die Überschrift gesetzt (das Bild ist dann nicht klickbar). Sodass für die Portraits eine Bildbeschreibung hinzugefügt werden kann.

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Der Name jedes Beratungsmitglied ist als H4 markiert, und somit werden zwei Überschriftenhierarchien übersprungen. Der Kontext wird dadurch nicht verändert, also wird es als best-practice eingestuft.

    bbn: T05 Standorte

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Die Portraits innerhalb des Addressdialog wiederholen den Text nebenan.

    Kriterium 1.3.1 - Info und Beziehungen: Erfüllt / Nicht Anwendbar

    Jede Ortschaft ist als H3 markiert, und somit werden eine Überschriftenhierarchie übersprungen. Da der Kontext bestehen bleibt, wird es als best-practice eingestuft.

    Kriterium 1.4.3 - Kontrast (Minimum): Bronze

    Der Text Rollstuhltauglich im Addressdialog hat keinen 4.5:1 Kontrast.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Die Zahl die jeden Adresspunkt ist als Link markiert, obwohl es einen Dialog öffnet.

    bbn: T06 Termin buchen

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Silber

    Die Trennlinien (<hr>) sind nicht von assistiven Technologien versteckt. Die Icons bei der Terminübersicht und Wochenansicht sind nicht versteckt.

    Kriterium 1.3.1 - Info und Beziehungen: Bronze

    Die Monatsbezeichnung in der Kalenderansicht sollte eine <caption> statt einem <th> sein.

    Kriterium 1.4.1 - Benutzung von Farbe: Bronze

    In der Wochenansicht wird Farbe alleine als Indikator für einen verfügbaren oder nicht verfügbaren Termin verwendet. Die Bedeutung der Farbe ist nicht erklärt. Für Bronze okay, da die Liste eine alternative Darstellung bietet.

    Kriterium 1.4.3 - Kontrast (Minimum): Silber

    Im Standort Dropdown hat das ausgewählte Element einen unzureichenden Kontrast (weiss auf gelb)

    Kriterium 2.4.1 - Blöcke umgehen: Silber

    Die <nav> um die Selektion der Wochen oder Terminübersicht hat keine Bezeichnung.
    Es sollte möglich sein, die Kalender mit einem Sprunglink zu überspringen um direkt zu der Liste zu kommen.

    Kriterium 2.4.6 - Überschriften und Beschriftungen (Labels): Bronze

    Die Links innerhalb der Tabelle informieren nicht ausreichend über das Ziel – es sollte Tag und Monat mitgegeben werden. Für Bronze ok, da Listenansicht funktioniert.

    Kriterium 3.2.4 - Konsistente Erkennung: Silber

    Das Datum ist unterstrichen, ist aber nicht klickbar – obwohl Links immer unterstrichen angezeigt werden. Bei "Gebucht" ist der mousecursor on hover noch sichtbar obwohl es kein klickbares Element ist.

    Kriterium 4.1.2 - Name, Rolle, Wert: Bronze

    Die Tabs für Terminübersicht und Wochenansicht sind als Links markiert und kommunizieren nicht welches Element aktiv ist, es gibt jedoch ein role="tabpanel". Wird role="tabpanel" bereits verwendet, sind die zwei Buttons vollständig als das W3C Tab Pattern zu markieren inklusive der Statuskommunikation.
    Die Auslöser für den Termindialog (sowohl in der Wochen- als auch Listenansicht) sind als Link statt einem Button markiert.
    Im Kalender gibt es keinen semantischen Indikator über den Status des selektierten Tages.

    bbn: T07 Termin bestätigen

    Kriterium 1.1.1 - Nicht-Text-Inhalt: Bronze

    Das Portrait der beratenden Person hat denselben Alttext wie der Text daneben.

    Kriterium 1.4.1 - Benutzung von Farbe: Erfüllt / Nicht Anwendbar

    Der Link "Datenschutz" ist nur mit Farbe markiert, hat jedoch einen ausreichenden visuellen Indikator. Dennoch würde ich empfehlen den Link standardmäßig zu unterstreichen, da es ein angelerntes Pattern ist.

    Kriterium 4.1.2 - Name, Rolle, Wert: Silber

    Der iframe der Terminerinnerung hat keine Bezeichnung – es fehlt ein title, aria-label oder aria-labelledby.