Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Mehrere schwere Verstöße bei Semantik, Fokusführung, Tastaturbedienung, Slidersteuerung und Formular-Fehlerrückmeldung beeinträchtigen Screenreader‑Nutzung stark, erlauben aber grundsätzlich Zugriff auf Inhalte.
Sehbehinderung
Kaum nutzbar
Unzureichende Kontraste, fehlende sichtbare Fokusindikatoren, nicht erkennbare Links und Sliderzustände erschweren Orientierung und Lesbarkeit deutlich.
Hörbehinderung
Mit Hindernissen nutzbar
Gehörlose sind primär von fehlenden Inhalten in Deutscher Gebärdensprache betroffen, können Textinhalte ansonsten aber weitgehend nutzen.
Motorische Behinderung
Kaum nutzbar
Fehlende Skiplinks, nicht tastaturbedienbare Aufklapplisten, problematische Fokusreihenfolge und unsichtbarer Fokus im Slider beeinträchtigen reine Tastatur- oder Switch‑Nutzung stark.
Lernbehinderung
Mit Hindernissen nutzbar
Unpräzise Linktexte, automatische Sliderbewegung ohne Stoppmöglichkeit und nicht konkrete Fehlermeldungen erschweren Verständnis und Orientierung deutlich, ohne Nutzung völlig zu verhindern.
Neurodivergenz
Mit Hindernissen nutzbar
Automatisch rotierender Slider, Fokus-Sprünge, komplexe Navigation als Tabs und unklare Linktexte können zu Reizüberflutung und Desorientierung führen, lassen aber mit Aufwand Nutzung zu.
Hinweis: Diese Einschätzung 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.
Gutachten-Historie
18.06.2025
Prüfung vor 1 Jahr
18.03.2024
Prüfung vor 2 Jahren
Vergleich
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 18.06.2025 | Vereinfachte Überwachung | Nein | 26 | 0 | 0 |
| 18.03.2024 | Vereinfachte Überwachung | Nein | 16 | 1 | 36 |
Die identifizierten Konformitätsverstöße beseitigen: dekorative Icons, Logos und Slider semantisch korrekt auszeichnen, Kontrast und Fokusindikatoren verbessern, Navigationstexte sowie Fehlermeldungen beschreiben, Cookie-Banner und Skiplinks in Fokusfolge einfügen, Formularfelder mithilfe von autocomplete und Fokussteuerung optimieren, Slidersteuerung anhalten und sprachlich lokalisiert beschriften, Inhalte in Leichter Sprache/Deutscher Gebärdensprache ergänzen sowie die Barrierefreiheitserklärung gemäß §7 BITV vollständig dokumentieren und klar verlinken.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.1.1 Mehrere Icon-Grafiken (z.B. "Kalender-Icon, Flaggen-Icon, ...") sind nicht mit einem leeren alt-Tag ausgezeichnet. |
nicht bestanden | Dekorative Icons sind entweder mit einem leeren alt="" oder aria-hidden="true" zu versehen, damit sie Screenreadern nicht als separate Inhalte vorgelesen werden. |
|
9.1.1.1 Der Alternativtext des Logos im Kopfbereich ist ungenau und enthält kein Hinweis auf das Linkziel |
nicht bestanden | Der Alt-Text des Logos sollte sowohl den sichtbaren Schriftzug als auch die Zielseite beschreiben (z.B. "Startseite der Bam Akademie"), damit Inhalt und Linkfunktion klar kommuniziert werden. |
|
9.1.3.1 Überschriftenebenen sollten nur jeweils um eins steigen. |
nicht bestanden | Die Überschriftenhierarchie so strukturieren, dass jede Ebene maximal um eine Stufe erhöht oder gesenkt wird, damit die inhaltliche Gliederung für assistive Technologien nachvollziehbar bleibt. |
|
9.1.3.1 Fehlermeldungen auf der Formularseite sind nicht mit den zugehörigen Formularfeldern verknüpft. |
nicht bestanden | Fehlermeldungen sind über aria-describedby oder ähnliche Attribute mit den jeweiligen Eingabefeldern zu verknüpfen, damit Screenreader-Nutzer und Tastaturnutzer direkt erkennen, welches Feld betroffen ist. |
|
9.1.3.1 Navigation ist als Registerkarte (Tab-Komponente) gestaltet |
nicht bestanden | Die Hauptnavigation mit <nav> und regulären Links auszeichnen und Tab-Rollen ausschließlich für inhaltliche Interaktionsbereiche verwenden, um die Navigation korrekt zu semantisieren. |
|
9.1.3.1 Aktueller Slide in der Paginierung des Sliders ist in der Hochkontrastansicht nicht erkennbar |
nicht bestanden | Aktiv markierte Paginierungspunkte kontraststark und unabhängig von Farbe gestalten (z.B. durch Formänderung, Umrandung oder Symbole), sodass sie auch im Hochkontrastmodus deutlich bleiben. |
|
9.1.3.1 Bilderslider ist als Liste ausgezeichnet, obwohl keine Listenfunktion vorliegt |
nicht bestanden | Den Slider semantisch als dynamisches Steuerelement und nicht als Liste (<ul>/<li>) auszeichnen, damit Screenreader keine irrelevante Listenstruktur ankündigen. |
|
9.1.3.5 Eingabefelder ohne autocomplete-Attribut |
nicht bestanden | Autocomplete-Attribute wie autocomplete="given-name", "email" oder "postal-code" ergänzen, damit der Eingabezweck programmatisch übermittelt wird und unterstützende Technologien ihn erkennen. |
|
9.1.4.1 Links im Fließtext werden ausschließlich durch Farbe unterschieden |
nicht bestanden | Links zusätzlich durch Unterstreichungen oder andere Formatierungen hervorheben und auf ausreichenden Kontrast achten, damit Nutzer mit eingeschränktem Farbsehen sie eindeutig erkennen können. |
|
9.1.4.3 Kontrastverhältnis von Text bei Links ist nicht ausreichend |
nicht bestanden | Linktexte und Hintergrund anpassen, sodass der Abstand mindestens 4,5:1 (normaler Text) bzw. 3:1 (großer/fettere Schrift) beträgt, um die Lesbarkeit für alle Nutzer sicherzustellen. |
|
9.2.1.1 Aufklapplisten auf der Inhaltsseite sind per Tastatur nicht erreichbar |
nicht bestanden | Steuerelemente als fokussierbare Buttons auszeichnen, die mit Enter/Leertaste bedienbar sind, aria-expanded und aria-controls nutzen, damit Inhalte per Tastatur geöffnet und geschlossen werden können. |
|
9.2.2.2 Automatisch rotierender Slider wechselt alle 4 Sekunden ohne Möglichkeit zum Anhalten |
nicht bestanden | Pause-/Stop-Schaltflächen mit Tastatur- und Screenreader-Zugänglichkeit bereitstellen und die Rotation beim Fokus automatisch pausieren, sodass Nutzer die Steuerung übernehmen können. |
|
9.2.4.1 Skiplinks fehlen |
nicht bestanden | Einen sicht- und fokussierbaren Skiplink am Seitenanfang einbauen (z.B. href="#maincontent"), der direkt zum Hauptinhalt springt, um wiederkehrende Bereiche zu überspringen. |
|
9.2.4.2 Seitentitel fehlen oder sind nicht eindeutig (mehrfach identisch oder ganz ohne Titel) |
nicht bestanden | Jede Seite erhält ein eindeutiges <title>-Element (z.B. "Kontakt – Bam Akademie"), das dynamisch den aktuellen Inhalt widerspiegelt und die Orientierung verbessert. |
|
9.2.4.3 Cookie-Banner ist nicht direkt erreichbar und erscheint erst am Ende der Fokusreihenfolge |
nicht bestanden | Das Cookie-Banner sofort in die Fokusreihenfolge aufnehmen oder den Fokus gezielt darauf setzen, damit Tastatur- und Screenreader-Nutzer zentrale Datenschutzeinstellungen direkt erreichen. |
|
9.2.4.3 Auf der Seite existieren mehrere nicht sichtbare Tabschritte |
nicht bestanden | Nicht sichtbare oder nicht interaktive Elemente aus der Fokusreihenfolge entfernen bzw. per aria-hidden bzw. CSS ausblenden, um eine lückenlose, nachvollziehbare Fokusführung zu gewährleisten. |
|
9.2.4.3 "Nach oben"-Link im Footer setzt den Fokus nicht an den Seitenanfang und wird nicht für Screenreader angekündigt |
nicht bestanden | Nach Aktivierung des Links den Fokus programmgesteuert auf ein zentrales Element am Seitenanfang setzen (z.B. erste <h1> oder <main>) und den Linktext bzw. aria-label eindeutig als Sprung nach oben beschreiben. |
|
9.2.4.3 Fokus wird nach Interaktionen auf den Seitenanfang gesetzt |
nicht bestanden | Fokus nach Aktionen gezielt auf relevante Inhalte (z.B. Überschrift "Suchergebnisse" oder erstes Ergebnis) setzen oder auf das zuvor aktivierte Steuerelement zurückführen, um Positionsverlust zu vermeiden. |
|
9.2.4.3 Fokus springt bei fehlerhaftem Formular nicht zur ersten Fehlermeldung |
nicht bestanden | Nach dem Absenden eines fehlerhaften Formulars den Fokus automatisch auf das erste fehlerhafte Feld setzen und die Fehlermeldung mithilfe aria-describedby einbinden, damit Tastatur/Screenreader sofort die Problemfelder finden. |
|
9.2.4.4 Zahlreiche Links sind unpräzise beschriftet mit allgemeinen Begriffen wie „mehr erfahren“ oder „teilnehmen“ |
nicht bestanden | Linktexte aussagekräftig formulieren (z.B. "Mehr erfahren über Projekt Energiewende 2030") oder mithilfe aria-label ergänzen, sodass der Linkzweck auch ohne Kontext klar ist. |
|
9.2.4.7 Der Fokus ist auf den Bedienelementen des Sliders nicht sichtbar. |
nicht bestanden | Slider-Steuerelemente erhalten einen klar sichtbaren Fokusrahmen oder visuelle Indicatoren (z.B. kontrastreiche Umrandung), die unabhängig von Farbe wahrnehmbar sind. |
|
9.3.1.2 Buttons im Slider sind mit „Previous“ und „Next“ beschriftet |
nicht bestanden | Beschriftungen an die Sprache der Website (z.B. „Zurück“/„Weiter“) anpassen und ggf. korrekt deklarieren, damit Nutzer mit eingeschränkten Sprachkenntnissen oder Screenreader-Konsistenz erfahren. |
|
9.3.3.3 Fehlermeldung ist zu generisch und enthält keine unterstützende Grafik |
nicht bestanden | Fehlermeldungen konkret formulieren (z.B. "Bitte geben Sie Ihre E-Mail-Adresse ein"), Grafiken korrekt laden und passende Alternativtexte liefern oder dekorative Icons mit alt="" versehen. |
|
9.4.1.2 Status der Aufklappliste wird nicht programmatisch übermittelt |
nicht bestanden | Aufklapplisten-Steuerelemente mit aria-expanded (true/false) und aria-controls verknüpfen, damit assistive Technologien den Zustand (geöffnet/geschlossen) korrekt mitteilen können. |
|
Zusatzkriterien: Leichte Sprache und Deutsche Gebärdensprache Erläuterungen in Leichter Sprache und Deutscher Gebärdensprache nicht vorhanden |
nicht bestanden | Für wesentliche Inhalte, Navigation und die Barrierefreiheitserklärung Angebote in Leichter Sprache und Deutscher Gebärdensprache gemäß §4 BITV bereitstellen und prominent verlinken. |
|
Barrierefreiheitserklärung formal geprüft Erklärung zur Barrierefreiheit entspricht nicht den Anforderungen gemäß § 7 BITV |
nicht bestanden | Barrierefreiheitserklärung eindeutig benennen, auf jeder Seite verlinken und Angaben zu Geltungsbereich, Rechtsgrundlage, Bewertung, nicht barrierefreie Inhalte, Prüfmethode, Datum, Feedback, Kontakten sowie Durchsetzungsverfahren ergänzen. |
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 03.04.2025
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 19.02.2021
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüfung vom 18.03.2024