Staatliches Gutachten zur digitalen Barrierefreiheit

www.miteinander-im-quartier.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende Landmarks, unklare Rollen/Beschriftungen und unzugängliche Slider- und Navigationsbereiche erschweren Screenreader-Nutzung deutlich, Basisstruktur und Kontraste sind aber vorhanden.

Sehbehinderung Mit Hindernissen nutzbar

Ausreichende Textkontraste und Zoomfähigkeit sind positiv, aber schlecht sichtbare Steuerelemente, Probleme bei vergrößerter Schrift und fehlende Kontrolle über Slider-Bewegung schränken die Nutzung spürbar ein.

Hörbehinderung Mit Hindernissen nutzbar

Seite ist überwiegend textbasiert, doch Videos haben teils keine Untertitel und die Gebärdensprachseite ist inhaltlich unvollständig, was Informationszugang über Medien einschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ohne Fallen ist gegeben, aber einzelne Funktionen (z.B. ‚Mehr anzeigen‘, Hover-Inhalte, Slider-Steuerung) sind per Tastatur nicht erreichbar oder schwer ansteuerbar.

Lernbehinderung Mit Hindernissen nutzbar

Konsistente Navigation und klare Sprache helfen, doch fehlende Suchmöglichkeiten, unklare Linktexte, unvollständige Leichte-Sprache-Inhalte und bewegte Slider-Inhalte können kognitiv belasten.

Neurodivergenz Mit Hindernissen nutzbar

Stabile Seitenstruktur und keine Kontextwechsel bei Fokus sind hilfreich, aber nicht stoppbare Animationen, fehlende Suchfunktion und schlecht steuerbare Menüs können für viele neurodivergente Nutzer:innen problematisch sein.

Dokumentierte Barrieren

  • Aufklappmenüs lassen sich nicht schließen

    Die eingeblendeten Untermenüs der Hauptnavigation können weder mit der Escape-Taste noch durch erneutes Aktivieren des Auslösers geschlossen werden. Hover-Inhalte auf der Startseite sind außerdem für Tastaturnutzende nicht erreichbar.

    Auswirkung: Ich kann in geöffneten Menüs festhängen oder wichtige Inhalte gar nicht erst öffnen. Das erschwert die Navigation erheblich und kann den Seitenbesuch unterbrechen.

  • Wichtiger Inhalt per Tastatur nicht bedienbar

    Der Schalter „Mehr anzeigen“ im Bereich „Aktuelles“ kann weder mit Tastatur noch mit Screenreader fokussiert oder ausgelöst werden. Damit ist diese Funktion für viele Nutzende nicht erreichbar.

    Auswirkung: Ich kann weitere Inhalte in diesem Bereich nicht aufrufen, wenn ich die Tastatur oder einen Screenreader nutze. Ein zentraler Inhaltsbereich bleibt mir damit verborgen.

  • Texterhöhung verdeckt Slider-Bedienung

    Wenn die Schrift größer eingestellt wird, verschwinden Bedienelemente des Sliders aus dem sichtbaren Bereich. Dadurch sind wichtige Steuerungen nicht mehr zuverlässig erreichbar.

    Auswirkung: Ich kann den Slider dann möglicherweise nicht mehr bedienen oder Inhalte darin nicht mehr erreichen. Besonders mit Vergrößerung wird die Nutzung spürbar eingeschränkt.

  • Video ohne visuelle Erklärung

    Auf der Videoseite enthalten die Filme wichtige visuelle Informationen, aber es gibt dafür keine Audiodeskription oder Textalternative. Dadurch bleiben Inhalte aus Bild, Einblendungen oder Szenen für Nutzer:innen ohne ausreichenden Sehzugang unverständlich.

    Auswirkung: Ich kann dem Video nicht vollständig folgen, wenn wichtige Informationen nur sichtbar sind. So entgeht mir ein Teil der Inhalte, obwohl sie für das Verständnis relevant sind.

  • Hauptinhalt und Navigation schwer erfassbar

    Der Seitenaufbau ist für Screenreader nicht sauber ausgezeichnet: Der Hauptbereich ist nicht als Hauptinhalt markiert und mehrere Navigationsbereiche sind nicht eindeutig benannt. Dadurch ist es schwerer, sich gezielt durch die Seite zu bewegen und zwischen Bereichen zu unterscheiden.

    Auswirkung: Ich finde wichtige Bereiche langsamer oder muss mir mehr Ansagen anhören, um mich zu orientieren. Das kostet Zeit und erhöht die Gefahr, dass ich mich auf der Seite verfahre.

  • Automatische Slider-Bewegung nicht stoppbar

    Der Slider läuft ohne Start-Stopp-Möglichkeit weiter. Nutzende können die Bewegung der Inhalte nicht anhalten oder kontrollieren.

    Auswirkung: Ich kann mich nicht in Ruhe auf einen Inhalt konzentrieren, weil sich das Element weiter bewegt. Das kann ablenken und das Lesen oder Bedienen erschweren.

  • Zu schwache Sichtbarkeit von Bedienelementen

    Einige Bedienelemente, vor allem die Slider-Steuerung und der Nach-Oben-Schalter im Footer, sind visuell zu schwach abgegrenzt. Wichtige Bedienelemente sind dadurch schwer zu erkennen.

    Auswirkung: Ich übersehe möglicherweise Schaltflächen oder erkenne sie erst sehr spät. Das macht die Bedienung unsicherer und anstrengender, vor allem bei schwachem Sehvermögen.

  • Wiederkehrende Bereiche nicht überspringbar

    Es fehlen Sprunglinks oder passende Landmarks, um wiederkehrende Bereiche am Seitenanfang zu überspringen. Nutzende müssen sich deshalb immer wieder durch die gleichen Inhalte arbeiten.

    Auswirkung: Ich brauche länger, um zum eigentlichen Inhalt zu kommen. Mit Tastatur oder Screenreader fühlt sich jede neue Seite unnötig lang und umständlich an.

  • Weniger hilfreiche Medienangebote in Leichter Sprache und Gebärdensprache

    Es gibt zwar Seiten zu Leichter Sprache und Gebärdensprache, aber wichtige Ergänzungen wie Inhalte zu den wesentlichen Inhalten, Navigation und Erklärung zur Barrierefreiheit fehlen dort. Dadurch sind diese Angebote inhaltlich unvollständig.

    Auswirkung: Ich erwarte dort eine gut zugängliche Zusammenfassung, bekomme aber nicht alle nötigen Informationen. Das kann dazu führen, dass ich mich trotz vorhandener Angebote nicht ausreichend informieren kann.

  • Unklare oder uneinheitliche Beschriftungen

    Einige Bedienelemente sind englisch beschriftet, obwohl die Seite auf Deutsch ist, und Slider-Navigationselemente haben keine aussagekräftige Beschriftung. Linktexte können dadurch schwer verständlich oder zu allgemein sein.

    Auswirkung: Ich verstehe nicht sofort, wofür ein Element da ist, und muss häufiger ausprobieren. Das macht die Navigation langsamer und fehleranfälliger.

  • Nach Inhalte schwer auffindbar

    Es fehlen zusätzliche Navigationshilfen wie eine Suchfunktion oder Sitemap. Wer etwas Bestimmtes sucht, muss sich stärker durch die vorhandene Navigation kämpfen.

    Auswirkung: Ich finde gesuchte Inhalte nicht so schnell und muss mehr Seiten und Menüs prüfen. Das ist besonders dann mühsam, wenn ich schon ungefähr weiß, was ich suche.

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 11
Browser
Google Chrome Version 133.0.6943.54 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Auflösung
1920 x 1080 Pixel
Tools
Color Contrast Analyser (CCA), Colour Contrast Checker, PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), arc toolkit (Chrome), Bookmarklets (bitvtest link)
  • https://www.miteinander-im-quartier.de/ Web-Angebot öffnen
  • https://www.miteinander-im-quartier.de/strategie.html
  • https://www.miteinander-im-quartier.de/videos.html

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
Aufgezeichnete Video-Inhalte besitzen Alternativen nicht bestanden Videoseite: Die Filme enthalten visuelle, informationstragende Inhalte ohne barrierefreie Alternative in Form einer Audiodeskription oder Volltext-Alternative.
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen nicht bestanden Videoseite: Die visuellen, informationstragenden Inhalte fehlen eine Audiodeskription, die blinden und sehbehinderten Nutzer:innen die visuellen Informationen vermittelt.
Informationen, Struktur und Beziehungen sind identifizierbar nicht bestanden Alle Seiten: Der Hauptinhalt ist nicht mit <main> oder role="main" ausgezeichnet und mehrere Navigationsbereiche sind nicht eindeutig beschriftet (z. B. fehlendes aria-label).
Schriftgröße kann angepasst werden nicht bestanden Startseite: Nach Anpassung der Schriftgröße verschwinden Slider-Bedienelemente aus dem wahrnehmbaren Bereich, wodurch Bedienbarkeit für Sehbeeinträchtigte eingeschränkt ist.
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend nicht bestanden Startseite: Bedienelemente des Sliders sind nicht gut wahrnehmbar. Alle Seiten: Der Nach-Oben-Schalter im Footer erreicht mit 1,6:1 nicht den geforderten Kontrast 3:1.
Bei Fokussierung eingeblendete Inhalte sind steuerbar nicht bestanden Alle Seiten: Eingeblendete Untermenüs der Hauptnavigation lassen sich weder mit ESC noch erneuten Aktivieren des Auslösers schließen. Startseite: Bei Maus-Hover eingeblendete Inhalte der Kacheln sind für Tastaturnutzende nicht erreichbar.
Tastaturbedienbarkeit ist gegeben nicht bestanden Schalter ‚Mehr anzeigen‘ im Bereich ‚Aktuelles‘ kann weder mit Tastatur noch Screenreader fokussiert oder bedient werden, daher ist Funktion nicht zugänglich.
Automatisch gestartete Animationen sind steuerbar nicht bestanden Slider bietet keinen Start/Stopp-Schalter, sodass Nutzer:innen keine Kontrolle über Bewegung der Inhalte haben.
Wiederkehrende Bereiche können übersprungen werden nicht bestanden Alle Seiten: Es fehlen Sprunglinks oder ARIA-Landmarks, um wiederkehrende Inhalte am Seitenanfang zu überspringen.
Fokusreihenfolge ist aufgabenangemessen nicht bestanden Startseite: Link ‚Weitere Informationen‘ im Slider wird bei Tab-Reihenfolge dreimal hintereinander fokussiert, was unnötige Wiederholung verursacht.
Linkzweck ist verständlich (im Kontext) nicht bestanden Startseite: Kachelinhalt ist komplett von einem <a>-Element umschlossen, wodurch Linkbeschreibung unklar oder zu lang ist.
Seiten sind über verschiedene Möglichkeiten auffindbar nicht bestanden Alle Seiten: Es fehlen zusätzliche Navigationsmöglichkeiten wie Sitemap oder Suchfunktion, wodurch Inhaltssuche erschwert wird.
Überschriften und Label beschreiben Thema oder Zweck nicht bestanden Startseite: Bedienelemente ‚Vor‘ und ‚Zurück‘ sind englisch beschriftet, obwohl Hauptsprache Deutsch ist. Alle Seiten: ‚Nach Oben‘-Schalter ist als ‚to Top‘ beschriftet, was Verständnisschwierigkeiten verursachen kann.
Name, Rolle und Wert sind identifizierbar nicht bestanden Alle Seiten: Obermenü-Eintrag ‚Modellprogramm‘ ist ein Link statt Schalter, es fehlen <button>-Element bzw. aria-expanded-Status. Startseite: Slider-Navigationselemente sind Links statt Buttons und haben keine aussagekräftige Beschriftung (z. B. aria-label).
A.3
Leichte Sprache ist vorhanden
nicht bestanden Leichte-Sprache-Seite vorhanden, aber weitere Inhalte (Informationen zu den wesentlichen Inhalten, Navigation, Erklärung zur Barrierefreiheit) fehlen, deshalb zusätzliche Anforderungen nicht erfüllt.
A.4
Gebärdensprache-Video ist vorhanden
nicht bestanden Seite mit Gebärdensprache vorhanden, jedoch fehlen zusätzliche Inhalte (Informationen zu den wesentlichen Inhalten, Navigation, Erklärung zur Barrierefreiheit), wodurch die Vorgabe aus §4 nicht erfüllt ist.

Im Wesentlichen bestanden

Kriterium Status Notizen
Nicht-Text-Inhalte besitzen Alternativtexte im Wesentlichen bestanden Startseite: Die Trennlinie hinter dem Wort „Veranstaltungen“ sollte für ScreenReader ausgeblendet werden.
Aufgezeichnete Videos besitzen Untertitel im Wesentlichen bestanden Videoseite: Der Film „Aufzeichnung Forum "Herausforderung Corona: Miteinander im Quartier!"“ besitzt keine Untertitel.
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Videoseite zeigt Dokumententitel im Tab an, aber der Seitentitel fehlt.

Bestanden

Kriterium Status Notizen
Sinnvolle Lesereihenfolge ist gegeben bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) bestanden
Inhalte brechen in einspaltiges Layout um bestanden
Textabstände sind anpassbar bestanden
Tastaturfallen sind nicht vorhanden bestanden
Blitzen wird vermieden bestanden
Tastaturfokus ist sichtbar 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
A.1
Erklärung zur Barrierefreiheit ist vorhanden
bestanden Seite zur Erklärung der Barrierefreiheit ist vorhanden und formal korrekt.

Nicht anwendbar

Kriterium Status Notizen
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen nicht anwendbar
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar nicht anwendbar
Automatisch abgespielte Audio-Inhalte sind steuerbar nicht anwendbar
Schriftgrafiken sind anpassbar oder unverzichtbar nicht anwendbar
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar nicht anwendbar
Zeitbegrenzungen sind steuerbar nicht anwendbar
Komplexe Zeigerbedienung ist verzichtbar nicht anwendbar
Fehlermeldungen sind in Textform vorhanden nicht anwendbar
Label enthalten Eingabehinweise nicht anwendbar
Fehlermeldungen enthalten Korrekturvorschläge nicht anwendbar
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) nicht anwendbar
Statusmeldungen werden ohne Fokussierung ausgegeben nicht anwendbar
B.1
PAC Test ergibt PDF/UA-konform
nicht anwendbar PDF-Dokument wurde nicht geprüft bzw. ist nicht vorhanden, daher keine automatisierte PAC-Bewertung möglich.

Nicht geprüft

Kriterium Status Notizen
A.2
Feedback-Mechanismus ist vorhanden
nicht geprüft Im Bericht wurden keine detaillierten Bewertungsergebnisse angegeben.

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.