Staatliches Gutachten zur digitalen Barrierefreiheit

Berufsorientierungsprogramm

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere gravierende Screenreader-Probleme (fehlende/ungenaue Alternativtexte, falsche Rollen, unklare Struktur, Form- und Statusmeldungen) erschweren Nutzung deutlich, machen sie aber nicht völlig unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Teilweise unzureichende Kontraste, Probleme bei hoher Vergrößerung und schwache visuelle Abgrenzungen beeinträchtigen die Nutzung, Grundfunktionen bleiben aber bedienbar.

Hörbehinderung Mit Hindernissen nutzbar

Fehlende Untertitel und Alternativen für Videos auf der Startseite schränken Informationszugang ein, ansonsten ist der Dienst überwiegend nutzbar.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturprobleme, unklare Fokusreihenfolge und teilweise unsichtbarer Fokus erschweren Bedienung für reine Tastaturnutzung und alternative Eingabegeräte erheblich.

Lernbehinderung Mit Hindernissen nutzbar

Strukturelle Unklarheiten, nicht optimale Überschriftenstruktur und teils problematische Formularführung erschweren Verständnis, jedoch bestehen konsistente Navigation und Hilfen.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsequente Fokusreihenfolge, Formularfehlerhandling und Strukturprobleme können überfordern, gleichzeitig sind Layout, Navigation und Sprache weitgehend konsistent.

Dokumentierte Barrieren

  • Fehlende oder unklare Fehlermeldungen im Formular

    Im Formular werden fehlerhafte Eingaben teilweise ohne klare Fehlermeldung oder ohne verständlichen Korrekturhinweis angezeigt. Zudem sind einzelne Meldungen unverständlich formuliert und die zusammenfassende Fehlermeldung ist nicht sauber strukturiert.

    Auswirkung: Ich weiß nach dem Absenden nicht zuverlässig, was falsch ist und wie ich es beheben soll. Das erschwert oder verhindert das erfolgreiche Abschicken des Formulars.

  • Suchfilter nicht vollständig per Tastatur bedienbar

    Auf der Suchseite lassen sich einzelne Filterelemente, etwa die aktive Sortieroption und die Radiobuttons für den Zeitraum, nicht wie üblich mit der Tastatur bedienen. Einige Bedienelemente reagieren nur eingeschränkt oder nur über ungewöhnliche Eingaben.

    Auswirkung: Ich kann Suchergebnisse nicht zuverlässig eingrenzen oder sortieren, wenn ich keine Maus nutze. Die Suche wird dadurch deutlich langsamer und fehleranfälliger.

  • Fehlermeldungen werden vom Screenreader nicht automatisch angesagt

    Die Fehlermeldungen im Formular sind nicht als Statusmeldung ausgegeben und werden daher von Screenreadern nicht automatisch vorgelesen. Nutzer müssen die Fehler erst selbst finden.

    Auswirkung: Ich merke unter Umständen nicht, dass das Formular fehlgeschlagen ist oder welche Eingaben korrigiert werden müssen. Das kostet Zeit und macht die Formularnutzung unsicher.

  • Formular bei Vergrößerung teilweise überdeckt

    Bei starker Vergrößerung überlagern sich im Formular einzelne Schaltflächen, etwa „Absenden“ und „Zurücksetzen“. Dadurch sind Inhalte und Aktionen nicht mehr vollständig sichtbar und eindeutig bedienbar.

    Auswirkung: Wenn ich stark zoome, kann ich wichtige Buttons nicht sicher erkennen oder anklicken. Das kann das Abschicken des Formulars verhindern.

  • Fehlende Untertitel und Video-Alternativen

    Auf der Startseite sind Videoinhalte nicht mit zuschaltbaren Untertiteln versehen und es gibt keine textliche Alternative zum Inhalt des Videos. Dadurch bleiben wichtige Informationen aus dem Video ohne visuelle oder hörbare Ergänzung unzugänglich.

    Auswirkung: Ich kann die Inhalte des Videos nicht vollständig erfassen, wenn ich schlecht höre oder den Ton nicht nutzen kann. Wichtige Hinweise oder Einführungen auf der Startseite gehen mir dadurch verloren.

  • Tastaturfokus teilweise nicht sichtbar

    Bei mehreren interaktiven Elementen ist der Tastaturfokus nicht erkennbar, zum Beispiel bei Slider-Buttons, Radiobuttons und Checkboxen. Ohne sichtbare Markierung ist nicht klar, welches Element gerade aktiv ist.

    Auswirkung: Ich kann nicht sicher sehen, wo ich mich auf der Seite befinde, wenn ich mit der Tastatur navigiere. Dadurch riskiere ich Fehlbedienungen oder breche die Nutzung ab.

  • Fokusreihenfolge in der Suche und im Footer unlogisch

    Auf der Suchseite erreichen Suchbegriff und Filter erst nach der Ergebnisliste den Fokus. Außerdem springt der Fokus auf den Link „Zum Seitenanfang“ vor Elemente, die visuell weiter oben oder darunter eingeordnet sind.

    Auswirkung: Ich verliere beim Tabben die Orientierung und weiß nicht, ob ich noch suche oder schon Ergebnisse lese. Das macht die Bedienung mühsam und kann dazu führen, dass ich wichtige Bedienelemente übersehe.

  • PDF nicht barrierefrei

    Die bereitgestellte PDF-Datei ist nicht PDF/UA-konform. Damit kann sie für assistive Technologien unzureichend strukturiert oder schwer verständlich sein.

    Auswirkung: Ich kann das PDF möglicherweise nicht zuverlässig mit Screenreader oder anderen Hilfen lesen. Wichtige Informationen aus dem Dokument bleiben mir dann unzugänglich.

  • Unzureichende Alternativtexte für grafische Links

    Einzelne grafische Bedienelemente und verlinkte Logos haben keinen sinnvollen Alternativtext. Dadurch ist nicht erkennbar, wohin der Link führt oder wofür das Symbol steht.

    Auswirkung: Ich kann mit einem Screenreader nicht sicher verstehen, welchen Bereich ich mit einem Bild-Link öffne. Das verlangsamt die Navigation und kann dazu führen, dass ich Zielseiten nur über Umwege finde.

  • Schlechter Textkontrast auf einzelnen Inhaltsseiten

    Einzelne Texte erfüllen den erforderlichen Mindestkontrast nicht, zum Beispiel graue Schrift auf blauem Hintergrund. Dadurch sind Texte schwerer zu lesen, besonders bei Sehschwäche oder ungünstigen Lichtverhältnissen.

    Auswirkung: Ich muss Texte stärker anstrengen oder kann sie gar nicht sicher lesen. Das verlangsamt das Erfassen von Informationen und kann einzelne Inhalte faktisch unlesbar machen.

  • Schwache visuelle Abgrenzung und geringe Kontraste bei Bedienelementen

    Einige nicht-textliche Elemente sind visuell nur schwer erkennbar, zum Beispiel leere Eingabefelder mit sehr geringem Kontrast. Außerdem fehlen teils klare Trennlinien zwischen Seitenbereichen und eingeblendeten Inhalten.

    Auswirkung: Ich erkenne Felder, Bereiche und Zustände schwerer und kann leichter falsche Eingaben machen. Die Seite wirkt dadurch unübersichtlich und anstrengend.

Hinweis: Diese Zusammenfassung mit generativer KI basiert auf den Informationen aus diesem Gutachten. Künstliche Intelligenz kann Inhalte nicht automatisch barrierefrei machen oder Prüfungen durchführen. Behinderungen sind komplex und mehrschichtig, weshalb diese Analysen nicht zutreffen müssen.

Technische Umgebung

OS
Windows 10 Enterprise
Browser
Google Chrome 110.0.5481.105
Screenreader
NVDA 2022.4
  • https://www.berufsorientierungsprogramm.de/ Web-Angebot öffnen
  • https://www.berufsorientierungsprogramm.de/bop/de/home/home_node.html
  • https://www.berufsorientierungsprogramm.de/SiteGlobals/Forms/bop/expertensuche_bop/servicesuche_formular.html?nn=195384&resourceId=205972&input_=195384&pageLocale=de&templateQueryString=Beruf&submit.x=0&submit.y=0
  • https://www.berufsorientierungsprogramm.de/bop/de/service/kontakt/kontakt_node.html
  • https://www.berufsorientierungsprogramm.de/bop/de/werkstatttage/allgemeine-informationen/allgemeine-informationen-zu-den-werkstatttagen.html?nn=195178
  • https://www.berufsorientierungsprogramm.de/bop/shar eddocs/downloads/2019_schuelerzertifikat_wt2_berufsfeld_langfassung.pdf?__blob=publicationFile&v=7

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Alle Seiten (außer Startseite): Einzelne grafische Bedienelemente haben keinen Alternativtext, wie z. B. das grafische Bedienelement zur Startseite (Haus-Icon) in der Breadcrumb-Navigation. Alle Seiten: Der Alternativtext einzelner interaktiver Grafiken, die auf Inhalte verlinken, beschreibt das Linkziel nicht aussagekräftig, wie z. B. der Alternativtext "-" der Logo-Grafiken.
Aufgezeichnete Audio-Inhalte besitzen Untertitel nicht bestanden Startseite: Für Video-Inhalte sind keine Untertitel über die Bedienelemente des Video-Players zuschaltbar.
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Startseite: Für Video-Inhalte werden keine Alternativen, wie z. B. eine Volltext-Alternative oder Audiodeskription, zur Verfügung gestellt.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Startseite: Die ausgezeichneten Überschriften entsprechen nicht der visuell wahrnehmbaren Seitenstruktur, z. B. werden mehrere Hauptüberschriften ausgezeichnet, die das Thema bzw. den Zweck der Seite nicht aussagekräftig beschreiben. Suchseite: Visuell wahrnehmbare Listen werden nicht programmatisch als Liste ausgezeichnet, wie z. B.: die Ergebnisse der Suche. Für einzelne Gruppen von Formularelementen werden keine Formularfeldgruppen mit <fieldset>-Elementen ausgezeichnet, wie z. B. für die Radiobuttons der Filteroption "Zeitraum". Gewählte Filteroptionen werden teilweise nur visuell durch das Merkmal Farbe hervorgehoben, das bei einer Kontrastanpassung nicht dargestellt wird. Inhaltsseite: Einige visuell wahrnehmbare Listen werden nicht programmatisch als Liste ausgezeichnet, wie z. B. die Listen mit Verlinkungen in den erweiterbaren Bereichen. Alle Seiten: Bei einer Kontrastanpassung sind einige Inhalte nur schwer erkennbar, wie z. B. Seitenbereiche und eingeblendete Inhalte können aufgrund fehlender Rahmenlinien nur schwer voneinander unterschieden werden, einzelne informationstragende Grafiken sind aufgrund eines transparenten Hintergrunds nur teilweise erkennbar, wie z. B. die Logo-Grafik. Modale Dialoge werden mit einer Hauptüberschrift beschriftet, wie z. B. der Cookie-Banner.
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) nicht bestanden Inhaltsseite: Einzelne Texte erfüllen nicht den geforderten Minimalkontrast von 4,5:1 für kleinen Text bzw. 3:1 für großen Text, wie z. B.: grau auf blau (3,5:1).
Inhalte brechen in einspaltiges Layout um nicht bestanden Formularseite: Bei einer hohen Vergrößerung sind einige Inhalte nur teilweise erkennbar, wie z. B. der Button "Absenden", der vom Button "Zurücksetzen" teilweise verdeckt wird.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Inhaltsseite: Einzelne Nicht-Text-Inhalte erfüllen nicht den geforderten Minimalkontrast von 3:1, wie z. B.: leere nicht gewählte Eingabefelder mit hellgrau zu weiß (1,3:1).
Tastaturbedienbarkeit ist gegeben nicht bestanden Suchseite: Einzelne interaktive Elemente können nicht mit der Tastatur erreicht und bedient werden, wie z. B. die aktive Option der Filteroption "Sortieren nach". Die Radiobuttons der Filteroption "Zeitraum" können nicht wie üblich mit der Tastatur bedient werden. Sie erhalten nacheinander den Fokus und müssen mit der ENTER-Taste aktiviert werden.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Suchseite: Der eingegebene Suchbegriff und die Filteroptionen, wie z. B. das Festlegen eines Zeitraums, erhalten erst nach der Liste der Suchergebnisse den Fokus. Alle Seiten: Die Fokusreihenfolge entspricht an einigen Stellen nicht der visuell logischen Arbeitsreihenfolge, z. B. erhält der Link "Zum Seitenanfang" den Fokus vor den Einträgen im Footer, obwohl dieser ganz am Ende der Seite dargestellt wird.
Tastaturfokus ist sichtbar nicht bestanden Startseite: Auf einzelnen interaktiven Elementen ist der Tastaturfokus nicht sichtbar hervorgehoben, wie z. B. auf dem Button der aktiven Seite des Sliders. Suchseite: Auf einzelnen interaktiven Elementen ist der Tastaturfokus nicht sichtbar hervorgehoben, wie z. B. auf aktivierten Radiobuttons. Formularseite: Auf einzelnen interaktiven Elementen ist der Tastaturfokus nicht sichtbar hervorgehoben, wie z. B. auf Checkboxen.
Fehlermeldungen sind in Textform vorhanden nicht bestanden Formularseite: Für einzelne fehlerhafte Angaben werden keine Fehlermeldungen mit Korrekturvorschlägen angezeigt, wie z. B. für die nicht aktivierte Checkbox "Einwilligung zur Datenverarbeitung". Wird ein fehlerhaftes Formular abgeschickt, wird der Fokus wieder an den Anfang der Seite zurückgesetzt oder auf das letzte fehlerhafte Formularelement gesetzt. Weder der erste Link in der zusammenfassenden Fehlermeldung am Anfang des Formulars, noch das erste fehlerhafte Formularelement erhalten den Fokus. Einzelne Fehlermeldungen sind nicht aussagekräftig, wie z. B. wenn unterschiedliche E-Mail-Adressen eingegeben werden: Fehlermeldung "formFieldInputNotEqual". Die zusammenfassende Fehlermeldung am Anfang des Formulars wird nicht durch eine Abschnittsüberschrift (z. B. ein <h2>-Element) beschriftet.
Syntaxspezifikationen sind erfüllt nicht bestanden Alle Seiten: Das HTML der Anwendung enthält WCAG-relevante Syntaxfehler.
Name, Rolle und Wert sind identifizierbar nicht bestanden Alle Seiten (außer Suchseite): Seitenregionen werden mit einem <aside>-Element als Ergänzung ausgezeichnet, obwohl diese Inhalte mit Bezug zum Seiteninhalt, wie z. B. Navigationen, beinhalten. Suchseite: Einzelne interaktive Elemente werden mit einer falschen Rolle ausgegeben, wie z. B. die Radiobuttons der Filteroption "Zeitraum" die als Link ausgegeben werden.
Statusmeldungen werden ohne Fokussierung ausgegeben nicht bestanden Formularseite: Fehlermeldungen werden nicht als Live-Region ausgezeichnet und deshalb nicht automatisch vom Screenreader ausgegeben.
B.1
PAC3 Test ergibt PDF/UA-konform
nicht bestanden Diese PDF-Datei ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
Label enthalten Eingabehinweise im Wesentlichen bestanden Formularseite: Die Pflichtfeldmarkierung Asterisk-Symbol ("*") im Label der Pflichtangaben wird für assistive Technologien mit aria-hidden="true" ausgeblendet. Pflichtfelder sind jedoch mit aria-required="true" programmatisch als Pflichtangabe hervorgehoben.

Bestanden

Kriterium Status
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Sinnvolle Lesereihenfolge ist gegeben bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Titel beschreiben Thema oder Zweck bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Überschriften und Label beschreiben Thema oder Zweck bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden bestanden
Label enthält sichtbare Beschriftung bestanden
Bewegungsaktivierung ist verzichtbar bestanden
Sprache ist ausgezeichnet bestanden
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet bestanden
Fokussierung führt nicht zu Kontextänderung bestanden
Eingabe führt nicht zu Kontextänderung bestanden
Navigation ist konsistent aufgebaut bestanden
Elemente sind konsistent bezeichnet bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden
A.2
Feedback-Mechanismus ist vorhanden
bestanden
A.3
Leichte Sprache ist vorhanden
bestanden
A.4
Gebärdensprache-Video ist vorhanden
bestanden

Nicht anwendbar

Kriterium Status Notizen
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht anwendbar Startseite: Für Video-Inhalte wird keine Audiodeskription zur Verfügung gestellt.

Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

BarrierenWatch wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten. Hinter dem Projekt stehen Menschen mit Behinderung, die seit Jahren im Bereich der digitalen Barrierefreiheit oder als Aktivist*innen aktiv sind. Aktuell sind wir im Prozess der Gründung eines gemeinnützigen Vereins, der dieses Engagement beheimaten soll.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.