Staatliches Gutachten zur digitalen Barrierefreiheit

www.demokratie-leben.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere semantische Mängel (fehlende <time>-Auszeichnung, Überschrift bei Suchergebnissen, Fokusprobleme, doppelte Links, unklare Pflichtfelder) erschweren Screenreader-Nutzung, machen sie aber nicht unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Fehlender Reflow bei 320 CSS-Pixeln und Fokus-Unklarheiten beeinträchtigen stark die Nutzung mit Vergrößerung und kleinem Viewport.

Hörbehinderung Weitgehend zugänglich

Die Website ist weitgehend nutzbar, aber fehlende oder unzureichend gekennzeichnete Informationen zur Deutschen Gebärdensprache mindern die Orientierung.

Motorische Behinderung Mit Hindernissen nutzbar

Probleme mit Fokus-Reihenfolge, nicht ausgeblendeten inaktiven Elementen und vielen doppelten Fokusstationen belasten Tastatur- und Switch-Nutzende deutlich.

Lernbehinderung Mit Hindernissen nutzbar

Fehlende klare Struktur (z.B. fehlende Überschrift „Suchergebnisse“), unklare Pflichtfelder und keine klaren Hinweise auf Leichte Sprache erschweren Verständnis und Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Fokusführung, zweidimensionales Scrollen und unklare Struktur können zu erhöhter kognitiver Belastung und Reizüberflutung führen.

Dokumentierte Barrieren

  • Nicht sichtbare Suchelemente bleiben im Fokusbaum

    Der Bereich mit Suchbegriffvorschlägen und auch der Schließen-Schalter sind offenbar noch erreichbar, obwohl sie visuell nicht angezeigt werden. Dadurch tauchen nicht wahrnehmbare oder inaktive Elemente in der Bedienreihenfolge auf.

    Auswirkung: Ich werde mit Fokus auf Inhalte geführt, die ich nicht sehe oder nicht sinnvoll bedienen kann. Das führt zu Verwirrung und unterbricht meine Navigation.

  • Seite bei kleiner Breite nicht sauber umbruchsfähig

    Das Layout ist bei einer Breite von 320 CSS-Pixeln nicht ausreichend anpassbar. Inhalte erfordern dann offenbar zweidimensionales Scrollen oder passen sich nicht sauber an den Viewport an.

    Auswirkung: Ich muss horizontal und vertikal gleichzeitig scrollen oder Inhalte mühsam zusammensuchen. Das ist besonders mit Vergrößerung oder auf kleinen Geräten sehr belastend.

  • Fokus verlässt geöffnete Ausklapplisten unkontrolliert

    Bei geöffneten Ausklapplisten bleibt der Tastaturfokus nicht zuverlässig im Bereich der Liste. Dadurch kann die Bedienung aus dem aktiven Kontext springen, bevor ich die Liste bewusst schließe oder auswähle.

    Auswirkung: Ich verliere beim Navigieren mit der Tastatur leicht die Kontrolle über die Bedienung. Das kann dazu führen, dass ich Optionen übersehe oder ungewollt an andere Stellen der Seite springe.

  • Datumsangaben nicht semantisch gekennzeichnet

    Datumsangaben im Veranstaltungsbereich sind nicht mit einer passenden semantischen Auszeichnung versehen. Dadurch können Hilfstechnologien die Zeitangaben und Datumsbereiche nicht zuverlässig als Datum erkennen.

    Auswirkung: Ich kann Termine möglicherweise nicht korrekt als Datum verstehen oder schneller erfassen. Besonders bei vielen Veranstaltungen kostet mich das Zeit und kann zu Fehlinterpretationen führen.

  • Pflichtfelder nicht eindeutig als solche erkennbar

    Pflichtfelder sind nicht ausreichend erklärt oder programmatisch eindeutig ausgezeichnet. Die Kennzeichnung mit Sternchen ist offenbar nicht für alle Nutzergruppen verständlich oder maschinell erkennbar.

    Auswirkung: Ich weiß nicht immer sicher, welche Eingaben zwingend erforderlich sind. Das erhöht die Fehlerwahrscheinlichkeit und kann das Absenden des Formulars verzögern.

  • Suchergebnisse ohne klare Überschrift

    Der Bereich mit Suchergebnissen ist nicht als eigener Abschnitt gekennzeichnet. Dadurch fehlt eine klare Orientierung innerhalb der Seite und die Ergebnisse sind semantisch schwerer auffindbar.

    Auswirkung: Ich erkenne nicht sofort, wo die Trefferliste beginnt. Das macht das Überfliegen und gezielte Ansteuern der Suchergebnisse unnötig anstrengend.

  • Doppelte Links erhöhen die Tastaturwege

    Einige Inhalte sind mehrfach mit demselben Ziel verlinkt, etwa als zusätzlicher Link neben der Überschrift. Dadurch entstehen unnötig viele Fokusstationen mit gleichem Ziel.

    Auswirkung: Ich muss dieselben Ziele mehrfach durchtabben, obwohl sich der Inhalt nicht unterscheidet. Das kostet Zeit und macht die Navigation mit Tastatur oder Screenreader umständlicher.

  • Hinweise auf Inhalte in Gebärdensprache fehlen

    Es fehlen klare Hinweise darauf, wo weitere Inhalte in Deutscher Gebärdensprache zu finden sind. Dadurch wird die Orientierung zu diesen Angeboten unnötig erschwert.

    Auswirkung: Ich finde möglicherweise nicht schnell heraus, ob und wo es passende Informationen in Gebärdensprache gibt. Das kann dazu führen, dass ich wichtige Inhalte übersehe.

  • Hinweise auf Inhalte in Leichter Sprache fehlen

    Es fehlen klare Hinweise darauf, wo Informationen in Leichter Sprache verfügbar sind. Dadurch ist die barrierearme Navigation zu diesen Inhalten nicht ausreichend unterstützt.

    Auswirkung: Ich erkenne nicht zuverlässig, ob vereinfachte Inhalte vorhanden sind und wo ich sie finde. Das erschwert mir den Zugang zu verständlicher Information.

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
Chrome Version 139.0.7258.67 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), Bookmarklet-Sammlung bitvtest.de
  • https://www.demokratie-leben.de/ Web-Angebot öffnen
  • https://www.demokratie-leben.de/dl/246884!search?query=Demokratie#search246884
  • https://www.demokratie-leben.de/dl/meta/kontakt
  • https://www.demokratie-leben.de/dl/programm/ueber-demokratie-leben
  • https://www.demokratie-leben.de/resource/blob/266152/17814457cd457846a86f076e9200d073/foerderrichtlinie-demokratie-leben-barrierefrei-data.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Verwenden Sie für alle Datumsangaben das <time>-Element mit gültigem ISO-8601-datetime-Attribut und hinterlegen Sie bei Datumsbereichen getrenntes Start- und Enddatum, damit assistive Technologien die Angaben korrekt interpretieren können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Fügen Sie vor dem Ergebnisbereich eine programmatisch ausgezeichnete Überschrift wie <h2>Suchergebnisse</h2> ein, um die semantische Struktur für assistive Technologien deutlich erkennbar zu machen.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Blenden Sie den Bereich für Suchbegriffvorschläge programmatisch aus (etwa mit aria-hidden) wenn er visuell nicht sichtbar ist, damit der Fokusbaum keine nicht wahrnehmbaren Inhalte enthält.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Blenden Sie den Schließen-Schalter der Vorschlagsliste aus, solange keine Vorschläge angezeigt werden, zum Beispiel durch aria-hidden oder Entfernen aus dem DOM, damit keine inaktiven Bedienelemente erscheinen.
WCAG 1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Gestalten Sie das Layout so, dass bei einer Breite von 320 CSS-Pixeln lediglich eindimensionales Scrollen erforderlich ist, indem Inhalte responsiv angepasst werden und zweidimensionales Scrollen nur dort zugelassen wird, wo es unvermeidbar ist.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Stellen Sie sicher, dass der Tastaturfokus innerhalb geöffneter Ausklapplisten verbleibt, bis die Liste aktiv geschlossen wird, etwa durch Escape oder Auswahl eines Elements, um unerwartete Fokusverluste zu vermeiden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Reduzieren Sie doppelte Links mit identischem Ziel, zum Beispiel durch Entfernen des Links „Zur Veranstaltung“ oder Einbindung der Zusatzinformation in die Überschrift, um die Anzahl der Fokusstationen zu verringern.
WCAG 3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Fügen Sie oberhalb des Formulars eine Erklärung zu mit * gekennzeichneten Pflichtfeldern ein oder ergänzen Sie die Hinweise direkt in den Labels und nutzen Sie aria-required, damit Screenreader die Kennzeichnung eindeutig vermitteln können.
Zusatzkriterium Hinweise auf weitere vorhandene Informationen in Deutscher Gebärdensprache
Hinweise auf weitere vorhandene Informationen in Deutscher Gebärdensprache 		nicht bestanden Geben Sie ergänzende Hinweise darauf, wo weitere Inhalte in Deutscher Gebärdensprache zu finden sind, um die Nutzerführung barrierearm zu unterstützen.
Zusatzkriterium Hinweise auf weitere vorhandene Informationen in Leichter Sprache
Hinweise auf weitere vorhandene Informationen in Leichter Sprache 		nicht bestanden Stellen Sie ergänzende Hinweise bereit, wo weitere Informationen in Leichter Sprache verfügbar sind, um die Nutzungsfreundlichkeit und Barrierefreiheit zu erhöhen.

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.

Jetzt via Steady unterstützen