Kurzzusammenfassung
- Auftraggeber
- Eisenbahn-Bundesamt
- Prüforganisation
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik, Deutsche Rentenversicherung Knappschaft-Bahn-See
- Stadt
- Berlin
- Prüfart
- Vereinfachte Überwachung
Zugänglichkeits-Analyse
Blindheit
Kaum nutzbar
Fehlende Landmarken, fehlerhafte Navigation, unklare Zustände und nicht funktionierende Skiplinks erschweren Screenreader-Nutzung erheblich, machen die Seite aber nicht völlig unbedienbar.
Sehbehinderung
Mit Hindernissen nutzbar
Niedrige Kontraste bei Suche und Bedienelementen sowie Slider mit Bildtexten beeinträchtigen die Lesbarkeit, grundlegende Inhalte sind jedoch noch erkennbar.
Hörbehinderung
Fast barrierefrei
Es werden keine audio-bezogenen Probleme erwähnt, die Seite scheint für gehörlose Menschen weitgehend normal nutzbar.
Motorische Behinderung
Mit Hindernissen nutzbar
Nicht schließbare Untermenüs, schlechter Fokusfluss, defekter Skiplink und Slider-Bedienung erschweren effiziente Tastaturbedienung deutlich.
Lernbehinderung
Mit Hindernissen nutzbar
Automatisch laufender Slider, unklare Navigation und Fokus-Sprünge können Orientierung und Verständnis beeinträchtigen, ohne die Nutzung komplett zu verhindern.
Neurodivergenz
Mit Hindernissen nutzbar
Automatische Bewegung, mangelnde Strukturierung und Fokus-Inkonsistenzen können Reizüberflutung und Desorientierung fördern, lassen aber prinzipiell eine 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.
Die Seite benötigt semantische Landmarken für Header, Haupt- und Fußbereich sowie Navigation, eine eindeutig beschriebene Navigation, korrekt strukturierte Listen, konsistente ARIA-Zustände und funktionierende Skiplinks. Slider, Kontrast und Fokusführung müssen für Tastatur- sowie Screenreader-Nutzende überarbeitet werden; die Barrierefreiheitserklärung ist zu aktualisieren.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Semantische Auszeichnung der Hauptbereiche fehlt (<header>, <main>, <footer>). Markieren Sie die Bereiche entsprechend, damit Screenreader und Hilfsmittel Regionen erkennen können. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Die Navigation ist nicht mit <nav> oder role=“navigation“ ausgezeichnet. Ergänzen Sie die entsprechenden Elemente, damit assistive Technologien den Navigationsbereich erkennen. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Service-, Haupt- und Fußnavigation benötigen eindeutige Beschreibungen über aria-label oder eine sichtbare Überschrift, damit Nutzer die Funktion der Bereiche verstehen. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Die Navigationspunkte wurden als Überschriften (h3/h4) ausgezeichnet. Ersetzen Sie diese durch Listen- oder Linkstrukturen und nutzen Sie Überschriften nur zur Strukturierung von Inhalten. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Beim Auswählen eines Obermenüeintrags wird die zusätzliche Überschrift „Unternavigationspunkte“ ausgegeben. Entfernen Sie diese Ausgabe, damit nur der eigentliche Navigationspunkt fokussiert wird. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Meta-Daten (Datum/Themen) werden zusammen mit Überschriften ausgegeben. Trennen Sie diese semantisch und markieren Sie das Datum mit korrektem Format, damit Screenreader die Informationen getrennt vorlesen. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Einzelne Links befinden sich jeweils isoliert in einer Liste (z. B. Footer „Drucken“). Strukturieren Sie die Liste sinnvoll oder entfernen Sie den Listenkontext, um eine sinnvolle Semantik zu gewährleisten. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Auch der „Herunterladen“-Link in den Suchergebnissen steht als einziges Element in einer Liste. Bauen Sie diese Elemente in eine vollständige Liste oder entfernen Sie das Listensystem. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Die Auflistung der Fachbereichslinks sollte programmatisch als Liste erstellt werden, damit assistive Technologien die Gesamtheit erkennen können. |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Alle Untermenüeinträge müssen durchlaufen werden, um zum nächsten Obermenüpunkt zu gelangen. Ermöglichen Sie das Schließen der Untermenüs (z. B. via ESC oder erneutes Aktivieren), um die Reihenfolge überschaubar zu halten. |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Nicht sichtbarer Slider-Inhalt wird beim linearen Lesen fokussiert. Blenden Sie nicht sichtbare Slides aus dem Fokus aus oder setzen Sie aria-hidden, damit nur dargestellte Inhalte ausgegeben werden. |
|
9.1.4.5 Bilder von Text |
nicht bestanden | Der erste Slider-Content ist eine Schmuckgrafik, die sich nicht individuell anpassen lässt. Nutzen Sie z. B. Inline-SVG, um Schriftart, Größe und Farbe flexibel zu gestalten. |
|
9.1.4.11 Nicht-Text-Kontrast |
nicht bestanden | Die Bedienelemente des Sliders besitzen unzureichenden Kontrast. Passen Sie Farben/Heruntersetzung an, damit sie ausreichend wahrnehmbar sind. |
|
9.1.4.11 Nicht-Text-Kontrast |
nicht bestanden | Das Sucheingabefeld oben hat nur 1,2:1 Kontrast; erhöhen Sie den Kontrast zwischen Hintergrund und Eingabe für bessere Lesbarkeit. |
|
9.1.4.13 Eingeblendeter Inhalt bei Darüberschweben oder Fokus |
nicht bestanden | Eingeblendete Untermenüs können weder mit ESC noch mit erneutem Aktivieren geschlossen werden. Ermöglichen Sie das Schließen, um Inkonsistenzen zu vermeiden. |
|
9.2.4.1 Blöcke überspringen |
nicht bestanden | Der Skiplink „Inhalt“ funktioniert nicht. Korrigieren Sie das Ziel, damit Tastatur-Nutzende den Inhaltsbereich direkt erreichen. |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Slider-Bild und Überschrift verlinken auf dieselbe Stelle und verursachen redundante Tabschritte. Kombinieren Sie die Elemente oder verhindern Sie doppelte Fokusziele. |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Der Start/Stopp-Schalter sollte vor dem Slider-Inhalt in der Fokusreihenfolge stehen. Stellen Sie sicher, dass Tastatur- und Screenreader-Nutzende ihn zuerst erreichen. |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Nach Interaktionen (Suche, Paginierung, Sortierung) springt der Fokus zurück nach oben. Setzen Sie den Fokus auf die relevanten Inhalte (z. B. erstes Suchergebnis oder aktualisierte Liste). |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Untermenüs werden per display:none versteckt, aber es fehlen aria-expanded/aria-hidden, um Screenreader über den Zustand zu informieren. Ergänzen Sie die Zustände nach ARIA. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Die Labels der Dropdowns „Sortieren nach“ und „Anzahl“ sind nicht mit den Inputs verknüpft. Setzen Sie passende for/id-Attribute, damit die Verbindung klar ist. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Visuelle Checkboxen im Filterbereich sind als Links umgesetzt. Verwenden Sie native Checkboxen oder Buttons, damit ein Status gespeichert und kommuniziert werden kann. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Der aktive Menüeintrag ist nur visuell markiert. Ergänzen Sie aria-current='page', damit assistive Technologien den aktuellen Standort erkennen. |
|
Barrierefreiheitserklärung formal geprüft Barrierefreiheitserklärung formal geprüft |
nicht bestanden | Das Aktualisierungsdatum der Barrierefreiheitserklärung ist älter als ein Jahr (Stand: 18.09.2020). Aktualisieren Sie die Erklärung. |
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.3.1 Info und Beziehungen |
im Wesentlichen bestanden | Vermeiden Sie das Einfügen von ­-Zeichen, da diese für Screenreader zu unverständlichen Ausgaben führen (z. B. bei „Gebärdensprache“). |
|
9.2.2.2 Pausieren, stoppen, ausblenden |
im Wesentlichen bestanden | Der Slider bewegt sich automatisch. Setzen Sie den Standardzustand auf Stopp, damit sich Inhalte nicht automatisch drehen. |