Kurzzusammenfassung
- Auftraggeber
- Bundesrat
- Prüforganisation
- Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
- Stadt
- Berlin
- Prüfart
- Vereinfachte Überwachung
Zugänglichkeits-Analyse
Blindheit
Mit Hindernissen nutzbar
Screenreader-Nutzung ist grundsätzlich möglich, wird aber durch fehlende bzw. falsche Beschriftungen, leere Navigationselemente und strukturelle Fehler deutlich erschwert.
Sehbehinderung
Mit Hindernissen nutzbar
Mindestkontrast ist teilweise nicht erfüllt und die fehlende Responsivität beeinträchtigt Nutzer:innen mit Vergrößerung oder kleinem Viewport spürbar.
Hörbehinderung
Mit Hindernissen nutzbar
Inhalte sind überwiegend textbasiert, jedoch fehlen verpflichtende Inhalte in Deutscher Gebärdensprache, was die Zugänglichkeit deutlich reduziert.
Motorische Behinderung
Weitgehend zugänglich
Die Tastaturnutzung ist im Wesentlichen möglich, wird aber durch einen unnötigen Fokusstopp und nicht optimale Formularzuordnungen etwas beeinträchtigt.
Lernbehinderung
Mit Hindernissen nutzbar
Fehlende Inhalte in Leichter Sprache, semantisch irreführende Überschriften und leere Navigationselemente erschweren Orientierung und Verständnis deutlich.
Neurodivergenz
Mit Hindernissen nutzbar
Unklare Struktur, leere Überschriften/Navigationsbereiche und fehlende vereinfachte Informationen können Orientierung und kognitive Entlastung einschränken.
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 identifizierten semantischen, strukturellen und visuellen Mängel, insbesondere fehlende Beschriftungen, nicht vorhandene Inhalte in der Navigation sowie Probleme mit Responsivität, Fokus und Kontrast, sind zu beheben und durch ergänzende Inhalte (z. B. Sprach- und Leichte-Sprache-Angebote) sowie korrekte Meta-Informationen nachzuarbeiten.
| Kriterium | Status | Notizen |
|---|---|---|
|
9.1.1.1 Nicht-Text-Inhalt |
nicht bestanden | Die Layoutgrafik benötigt ein leeres alt-Attribut oder aria-hidden="true"; die sichtbare Copyright-Information ist für assistive Technologien auszublenden oder semantisch zu trennen. |
|
9.1.3.1 Info und Beziehungen – Überschrift „Newsletter, RSS und weiteres“ ohne zugeordneten Inhalt |
nicht bestanden | Überschrift entfernen oder mit geeigneten Inhalten zu Newsletter/RSS befüllen, damit die semantische Struktur logisch bleibt. |
|
9.1.3.1 Info und Beziehungen – unnötige Listenstruktur einzelner Einträge |
nicht bestanden | Die beiden Einträge „Abkürzungen“ und „Glossar“ in einer einzigen Liste zusammenfassen oder als einfache Aufzählung ohne Listenstruktur ausgeben. |
|
9.1.3.1 Info und Beziehungen – Überschrift im Footer ohne Inhalte |
nicht bestanden | Die leere Überschrift entfernen oder unterhalb passende Inhalte ergänzen, damit das Thema „Inhaltsverzeichnis“ nachvollziehbar dargestellt wird. |
|
9.1.3.1 Info und Beziehungen – fehlende programmatische Hauptbeschriftung des Sucheingabefeldes |
nicht bestanden | Eine sichtbare und erkennbare Hauptbeschriftung per aria-label, aria-labelledby oder korrekt verknüpftes <label> ergänzen, der vorhandene title bleibt ergänzend erhalten. |
|
9.1.3.1 Info und Beziehungen – Navigation ohne Inhalte und eindeutige Beschreibung |
nicht bestanden | Die leere Navigation entfernen oder mit tatsächlichen Elementen füllen; alternativ navigation korrekt beschreiben und strukturieren, sodass Nutzer:innen den Zweck erkennen. |
|
9.1.3.1 Info und Beziehungen – fehlende programmatische Beschriftung der Navigationsregion |
nicht bestanden | Ein sichtbares Beschriftungselement ergänzen und per aria-labelledby verknüpfen oder direkt ein aria-label am <nav> setzen (z. B. aria-label="Suche nach ..."), damit der Zweck für assistive Technologien klar wird. |
|
9.1.3.4 Ausrichtung – fehlendes responsives Layout |
nicht bestanden | Den fehlerhaften viewport-Meta-Tag (content="width=device-width; initial-scale=1.0;") korrigieren und alle Inhalte flexibel an verschieden große Displays anpassen. |
|
9.1.4.3 Kontrast (Minimum) – Filterung der Jahreszahlen (nicht aktive) |
nicht bestanden | Den Kontrast der inaktiven Jahreszahlen zum Hintergrund erhöhen, damit sie die Mindestanforderungen erfüllen. |
|
9.1.4.10 Automatischer Umbruch (Reflow) – Webseite ist nicht responsive |
nicht bestanden | Sicherstellen, dass Inhalte auf unterschiedlichen Bildschirmgrößen ohne horizontales Scrollen dargestellt werden; siehe bereits beschriebenes Responsive-Problem. |
|
9.2.4.3 Fokus-Reihenfolge – leerer Tabschritt nach "Einträge pro Seite" |
nicht bestanden | Das unsichtbare, fokussierbare Element entfernen oder dessen Fokusierbarkeit aufheben (tabindex entfernen oder aria-hidden), damit die Reihenfolge der Tastaturnavigation logisch bleibt. |
|
9.4.1.2 Name, Rolle, Wert – fehlerhafte Zuordnung von Beschriftung und Formularfeld |
nicht bestanden | Das nicht-semantische <span>-Element durch ein strukturierteres Block- oder Gruppierungselement (z. B. <div>) ersetzen, sodass Formularfeld und Beschriftung programmatisch zusammengehören. |
|
Zusatzkriterien: Deutsche Gebärdensprache & Leichte Sprache Fehlende Inhalte in Deutscher Gebärdensprache und Leichter Sprache (#1) |
nicht bestanden | Es fehlen die angegebenen Inhalte (Links zu DGS-/Leichter-Sprache-Erklärungen, Informationen zu wesentlichen Inhalten, Hinweise zur Navigation usw.); diese müssen bereitgestellt werden. |