Kurzzusammenfassung
- Auftraggeber
- BFIT Bund
- 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
Mit Hindernissen nutzbar
Mehrere schwere Verstöße bei Struktur, Navigation, Fokusführung und Alternativtexten erschweren Screenreader-Nutzung deutlich, machen das Angebot aber nicht vollständig unzugänglich.
Sehbehinderung
Mit Hindernissen nutzbar
Probleme mit Fokusreihenfolge, Menüs und Slider können Orientierung erschweren, jedoch werden keine massiven Kontrast- oder Zoomprobleme berichtet.
Hörbehinderung
Fast barrierefrei
Es werden keine audioabhängigen Inhalte oder Untertitelprobleme genannt, daher ist die Nutzung für Gehörlose weitgehend uneingeschränkt möglich.
Motorische Behinderung
Mit Hindernissen nutzbar
Mängel bei Tastaturnavigation, Fokusreihenfolge, Cookie-Dialog und Untermenü-Steuerung beeinträchtigen die effiziente Bedienung mit Tastatur erheblich.
Lernbehinderung
Mit Hindernissen nutzbar
Unklare Struktur, komplexe Menüs und lange Linkbeschreibungen können kognitiv fordernd sein, ohne die grundsätzliche Nutzung vollständig zu verhindern.
Neurodivergenz
Mit Hindernissen nutzbar
Unruhige Navigation mit Slider, Untermenüs und unklaren Linkzwecken kann Aufmerksamkeit und Reizfilterung erschweren, bleibt aber noch handhabbar.
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.
Alle im Bericht dokumentierten Verstöße beheben, insbesondere Deklarationen für dekorative Bilder und Dokumentlinks ergänzen, Tabellen-, Navigations- und Linkbeschreibungskontexte programmatisch bereitstellen, die Navigation für Tastatur- und Screenreader-Nutzende verbessern sowie fehlende Überschriften und Sprachkennzeichnungen ergänzen.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.1.1 Nicht-Text-Inhalt |
nicht bestanden | Teaser-Bilder im Bereich „Schnelleinstieg“ als dekorativ kennzeichnen (alt="" oder aria-hidden="true"), damit assistive Technologien nicht mit unnötigen Informationen belastet werden. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Die Spaltenzuordnung in der Tabelle „Veranstaltungen und Ausschreibungen“ programmatisch mittels scope/headers oder aria-labelledby angeben, damit Screenreader den Kontext der Zellen erkennen können. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Den Social-Media-Link im Footer strukturell so integrieren, dass er nicht isoliert als einzelnes Listenelement ohne Kontext ausgezeichnet ist. |
|
9.1.3.1 Info und Beziehungen |
nicht bestanden | Eine aussagekräftige h1 ergänzen und die Überschriftenhierarchie fortführen, damit die Seite eine nachvollziehbare Struktur bekommt. |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Untermenüs über ein Tastaturkommando (z. B. ESC) oder eine dokumentierte Tastenkombination schließbar machen, damit sich die Lesereihenfolge linear fortsetzen lässt. |
|
9.1.3.2 Bedeutungsvolle Reihenfolge |
nicht bestanden | Den Cookie-Dialog so platzieren oder steuern, dass Tastaturnutzende ihn gut erreichen können, ohne zunächst alle Seiteninhalte durchlaufen zu müssen. |
|
9.1.4.1 Benutzung von Farbe |
nicht bestanden | Die Kategorien in der Kalendertabelle zusätzlich textuell oder programmatisch kennzeichnen (z. B. Labels, aria-label), damit sie nicht nur über Farben vermittelt werden. |
|
9.1.4.13 Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus |
nicht bestanden | Untermenüs so aufbauen, dass sich geöffnete Menüs per Tastatur wieder schließen lassen (ESC, erneutes Aktivieren, Verlassen mit Tab) und Zustandsattribute anzeigen. |
|
9.2.4.3 Fokus-Reihenfolge |
nicht bestanden | Den Start-Stopp-Schalter des Sliders programmatisch und visuell an den Beginn positionieren, damit er früh im Fokus auftaucht. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Doppelte Beschriftungen bei Social-Media-Links vermeiden: Entweder aria-label am <a> nutzen oder die Dekoration der SVG ausblenden (aria-hidden). |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Slider-Bilder nur über das alt-Attribut beschreiben und auf redundant beschriftende title-Attribute verzichten. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Registerkarten nicht gleichzeitig sichtbaren Text und aria-label mit identischem Inhalt geben; so wird die doppelte Sprachausgabe vermieden. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Den Hinweis auf das Dokumentformat (z. B. „(PDF)“) programmgesteuert kommunizieren (Linktext oder aria-label) und nicht nur visuell mit Symbolen arbeiten. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Die Linkbeschreibung innerhalb der Kachelstruktur auf den Zweck beschränken, z. B. nur Überschrift verlinken oder ein prägnantes aria-label verwenden. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Den verlinkten Bereich im Fokus-Bereich begrenzen oder ein aussagekräftiges aria-label vergeben, damit nur ein klar definierter Linkzweck ausgegeben wird. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Die doppelte Funktion von Menüeintrag (Link + Untermenü-Schalter) trennen, damit ein Element entweder nur navigiert oder nur ein Untermenü ein- und ausblendet. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Obermenü-Einträge mit semantisch korrekter Rolle (z. B. role="button"), aria-expanded und aria-haspopup auszeichnen, um die Schalterfunktion sichtbar zu machen. |
|
Barrierefreiheitserklärung formal geprüft Barrierefreiheitserklärung formal geprüft |
nicht bestanden | Die Erklärung um die Auflistung der bereits gefundenen Mängel ergänzen, damit die formale Prüfung transparent wird. |
|
9.2.4.4 Linkzweck (im Kontext) |
nicht bestanden | Suchergebnisse auf den prägnanten Linktext (z. B. Überschrift) beschränken oder über aria-label beschreiben, damit das Ziel klar erkennbar ist. |
|
9.4.1.2 Name, Rolle, Wert |
nicht bestanden | Nach dem Öffnen einer Ausklappliste die Pfeiltasten für die Navigation innerhalb der Liste behalten, damit der Fokus nicht unerwartet verschoben wird. |
|
9.1.1.1 Nicht-Text-Inhalt |
nicht bestanden | Die rein dekorative Layout-Grafik inkl. Copyright-Vermerk mit alt=""/aria-hidden und ggf. die Pop-up-Funktion ausblenden, damit Screenreader-Nutzende nicht unnötig interagieren. |
|
9.3.1.2 Sprache von Teilen |
nicht bestanden | Die englischsprachige Überschrift mit lang="en" kennzeichnen, damit Screenreader die Aussprache korrekt wiedergeben. |