Staatliches Gutachten zur digitalen Barrierefreiheit

kleinstadtakademie.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Fehlende bzw. unklare Alternativtexte, falsche Struktur und Lesereihenfolge, Probleme bei Name/Rolle/Wert und Fokusführung erschweren Screenreader-Nutzung deutlich, bei grundsätzlich gegebener Tastaturbedienbarkeit.

Sehbehinderung Mit Hindernissen nutzbar

Gute Kontraste, Zoom- und Textabstandsunterstützung stehen einigen Kontrastproblemen bei Bedienelementen und nicht anpassbarer Schriftgrafik gegenüber.

Hörbehinderung Weitgehend zugänglich

Es gibt keine relevanten Audio-/Video-Inhalte und damit kaum hörbezogene Barrieren, aber es fehlen Gebärdensprache-Angebote und Leichte-Sprache-Unterstützung.

Motorische Behinderung Weitgehend zugänglich

Seite ist vollständig tastaturbedienbar ohne Tastaturfallen, aber die fehlenden Sprunglinks, teils schlechte Fokusreihenfolge und unsichtbarer Fokus erschweren effiziente Nutzung.

Lernbehinderung Kaum nutzbar

Fehlende Inhalte in Leichter Sprache, keine erklärende Navigation, sehr lange Linktexte und kein Suchfeld stellen für viele Nutzer mit kognitiven Einschränkungen erhebliche Hürden dar.

Neurodivergenz Mit Hindernissen nutzbar

Klare Struktur wird durch Überschriftenfehler, lange Linkblöcke, schlechte Fokusreihenfolge, fehlende Suche und keine vereinfachten Erklärinhalte deutlich beeinträchtigt.

Dokumentierte Barrieren

  • Menüschaltflächen ohne zugänglichen Namen

    Die grafischen Schaltflächen zum Öffnen und Schließen des Menüs haben keine verständliche Beschriftung. Dadurch ist für assistive Technologien nicht erkennbar, wofür die Buttons da sind.

    Auswirkung: Ich kann das Navigationsmenü nicht zuverlässig öffnen oder schließen, wenn ich auf Screenreader oder andere Hilfstechnologien angewiesen bin. Das erschwert mir den Zugang zu den Inhalten der Website deutlich.

  • Cookie-Banner nicht sofort bedienbar

    Der Cookie-Banner wird erst spät in der Fokusreihenfolge erreicht und überlagert den Inhalt der Seite. Zusätzlich ist der Fokus auf dem OK-Button nicht sichtbar.

    Auswirkung: Ich kann den Hinweis nicht schnell wegklicken und werde beim Lesen oder Navigieren ständig gestört. Das kann den Seitenzugang blockieren oder sehr mühsam machen, besonders mit Tastatur.

  • Fokus ist bei wichtigen Bedienelementen nicht sichtbar

    Bei verlinkten Bildern, Aufklapp-Buttons und dem OK-Button im Cookie-Banner ist der Tastaturfokus teilweise nicht zu sehen. So ist nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich verliere bei der Tastaturbedienung schnell die Orientierung und kann leicht versehentlich das falsche Element auslösen. Das ist besonders problematisch, wenn ich die Seite ohne Maus nutze.

  • Unsichtbare Fokusziele im Navigationsbereich

    Auf der Startseite gibt es eine nicht sichtbare zweite Hauptnavigation, die trotzdem den Fokus erhält. Dadurch entstehen zusätzliche, unsichtbare Tabstopps ohne erkennbaren Nutzen.

    Auswirkung: Ich muss mich mit der Tastatur durch Elemente bewegen, die ich nicht sehen kann. Das macht die Bedienung verwirrend und verlängert den Weg zu den eigentlichen Inhalten.

  • Bilder und Grafiken ohne brauchbare Alternativtexte

    Mehrere Bilder, Logos und Layoutgrafiken haben keine passenden Alternativtexte oder sind falsch beschrieben. Dadurch wird ihr Inhalt für Screenreader-Nutzende nicht verständlich vermittelt.

    Auswirkung: Ich erfahre nicht, was auf den Bildern gezeigt wird oder welche Funktion einzelne Grafiken haben. Wenn wichtige Informationen nur über Bilder kommen, gehen sie mir verloren.

  • Aufklappbereiche melden ihren Zustand nicht korrekt

    Die Buttons zum Auf- und Einklappen von Inhalten geben ihren aktuellen Status nicht zuverlässig an. Dadurch ist nicht erkennbar, ob ein Bereich geöffnet oder geschlossen ist.

    Auswirkung: Ich weiß nicht sicher, ob ein Inhalt bereits sichtbar ist oder noch geöffnet werden muss. Das führt zu Fehlbedienung und kostet Zeit.

  • Keine Angebote in Leichter Sprache oder Gebärdensprache

    Es gibt keine Verlinkung und keine Inhalte in Leichter Sprache sowie keine Inhalte in Deutscher Gebärdensprache. Wichtige Hinweise zur Navigation und zu den Inhalten fehlen damit in niedrigschwelligen Formaten.

    Auswirkung: Ich kann mir die Website und ihre wichtigsten Inhalte nicht in einer vereinfachten oder visuell-sprachlichen Form erschließen. Das erschwert mir den Zugang deutlich, wenn ich solche Unterstützungsformen brauche.

  • Screenreader liest irrelevante oder leere Elemente vor

    Beim linearen Lesen werden eine unsichtbare zweite Hauptnavigation und leere Überschriften ausgegeben. Dadurch entsteht unnötiger Lärm in der Ausgabereihenfolge.

    Auswirkung: Ich muss mich als Screenreader-Nutzer durch verwirrende und leere Ansagen kämpfen, bevor ich zu den eigentlichen Inhalten komme. Das kostet Zeit und erschwert das Verständnis der Seite.

  • Falsche Semantik bei Überschriften und Teasern

    Die Überschriften der Teaser sind hierarchisch nicht korrekt ausgezeichnet. Außerdem wird der gesamte Teaser-Inhalt teils als ein sehr langer Linktext ausgegeben.

    Auswirkung: Ich kann die Inhalte schlechter über Überschriften erfassen und schneller zu relevanten Themen springen. Die Navigation wirkt unübersichtlich und anstrengend, besonders mit Screenreader.

  • Reihenfolge von Inhalten ist nicht logisch

    Auf Inhaltsseiten werden die drei Prinzipien nach dem rechten Inhaltsbereich mit der Deutschlandkarte ausgegeben. Die Reihenfolge entspricht damit nicht der sichtbaren Struktur.

    Auswirkung: Ich lese Inhalte in einer anderen Reihenfolge als sie visuell aufgebaut sind. Das macht das Verständnis schwieriger und kann Zusammenhänge verschleiern.

  • Schriftgrafik nicht anpassbar

    Eine Schriftgrafik im Inhaltsbereich lässt sich nicht an individuelle Bedürfnisse anpassen. Betroffen ist damit Inhalt, der nicht wie normaler Text vergrößert oder umgestaltet werden kann.

    Auswirkung: Ich kann diese Information womöglich schlechter lesen, wenn ich größere Schrift oder andere Darstellungen benötige. Das beeinträchtigt vor allem Nutzer mit Sehbeeinträchtigung.

  • PDF-Dokument nicht semantisch korrekt strukturiert

    Das angebotene PDF ist nicht sauber in Überschriften, Listen oder andere Strukturelemente gegliedert. Für assistive Technologien ist die innere Struktur dadurch nur eingeschränkt nutzbar.

    Auswirkung: Ich kann das PDF schwerer erfassen und gezielt durch Inhalte springen. Das ist vor allem bei längeren Dokumenten anstrengend und zeitaufwendig.

  • Suche fehlt als alternative Navigation

    Auf der Website gibt es kein Suchfeld. Inhalte sind nur über die Navigation auffindbar.

    Auswirkung: Ich muss mich durch Menüs klicken, auch wenn ich einen konkreten Inhalt suche. Das kostet Zeit und erschwert besonders den schnellen Zugriff auf einzelne Seiten.

  • Kontrastschwache Symbole und Pfeile

    Graue Aufzählungszeichen und blaue Aufklapp-Pfeile haben zu wenig Kontrast zum Hintergrund. Dadurch sind sie schwerer wahrnehmbar als andere Inhalte.

    Auswirkung: Ich kann wichtige Orientierungselemente schlechter erkennen, besonders bei schlechter Sehkraft oder in ungünstigen Lichtverhältnissen. Das macht die Bedienung unkomfortabler.

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 Enterprise
Browser
Google Chrome 135.0.7049.42
Screenreader
NVDA 2024.4.1
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)
  • https://kleinstadtakademie.de/ Web-Angebot öffnen
  • https://kleinstadtakademie.de/impressum
  • https://kleinstadtakademie.de/idee
  • https://kleinstadtakademie.de/uploads/images/Dokumentation_2teErfahrungswerkstatt.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden * Startseite: Der rot schraffierte Kreis hat als Layoutgrafik keinen leeren Alternativtext, sondern einen nicht aussagekräftigen Alternativtext "Schraffur Projektgebiet". * Inhaltsseite: Für die Bilder werden keine Alternativtexte ausgegeben. Screenreader-Nutzer bekommen nur das Copyright und die Bildunterschrift ausgegeben. * Alle Seiten: Der Alternativtext "Logo" ist für das Logo im Header nicht aussagekräftig. * Alle Seiten: Die Raute-Grafiken haben als Layoutgrafiken keine leeren Alternativtexte. Sie werden innerhalb der Überschriften ausgegeben. * Alle Seiten: Die Logos im Footer haben nicht aussagekräftige Alternativtexte. * Alle Seiten: Die grafischen Bedienelemente "Menü öffnen" und "Menü schließen" haben keine Beschriftungen.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden * Startseite: Die Überschriften der Teaser sind hierarchisch nicht korrekt ausgezeichnet. Diese sind als Überschrift der Ebene 2 ausgezeichnet und dadurch nicht der Überschrift "Aktuelle Nachricht" untergeordnet.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden * Startseite: Ein nicht sichtbare zweite Hauptnavigation wird beim linearen Lesen vom Screenreader ausgegeben. * Startseite: Am Ende des ersten Absatzes wird eine leere Überschrift der Ebene 4 ausgegeben. * Inhaltsseite: Es werden leere Überschriften der Ebene 3 ausgegeben. * Inhaltsseite: Die drei Prinzipien (Aufklappbereiche) werden nach dem rechten Inhaltsbereich mit der Deutschlandkarte ausgegeben, was nicht korrekt ist.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden * Inhaltsseite: Die Schriftgrafik im Inhaltsbereich kann von Nutzern nicht an die individuellen Bedürfnisse angepasst werden.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden * Startseite: Eine nicht sichtbare zweite Hauptnavigation erhält den Fokus. Für Tastatur-Nutzer sind das vier zusätzliche (nicht sichtbare) Tabschritte. * Startseite: Bei den Teasern erhält der gesamte Teaser-Bereich und der Button "Mehr Lesen" den Fokus. Beide Elemente führen zum selben Linkziel. * Alle Seiten: Der Cookie-Banner wird erst am Ende der Seite fokussiert. Dadurch kann dieser nicht sofort geschlossen werden. Der Cookie-Banner überlagert anderen Inhalt der Seite.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden * Startseite: Der gesamte Inhalt der Teaser wird als Linktext ausgegeben. Dadurch ist der Linktext sehr lang.
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		nicht bestanden * Alle Seiten: Auf der Seite wird keine Suche angeboten. Nutzer können nur über die Navigation zu anderen Inhalten navigieren.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden * Inhaltsseite: Der Fokus ist auf den 6 verlinkten Bildern und den Buttons zum Aufklappen von Inhalten nicht sichtbar. * Alle Seiten: Der Fokus ist auf den OK-Button im Cookie-Banner nicht sichtbar.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden * Startseite: Der rot schraffierte Kreis wird bei der Fokussierung als "anklickbar 1 of 23 slide…" ausgegeben, obwohl keine Funktion ausgeführt werden kann. * Inhaltsseite: Bei den Buttons zum Auf- und Einklappen von Inhalten ist der Status nicht wahrnehmbar, weil dieser programmatisch nicht gesetzt ist.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden –
A.2
Erklärung zur Barrierefreiheit wurde formal geprüft 		nicht bestanden –
A.3
Leichte Sprache ist vorhanden 		nicht bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –
WCAG 1.3.1
Infos und Beziehungen 		nicht bestanden Ist das PDF-Dokument semantisch korrekt strukturiert? keine leeren Absätze, Überschriften, Tabellen, Listen, Links, Fußnoten etc.?
5.1
Erläuterungen in Leichter Sprache sind vorhanden 		nicht bestanden –
5.2
Verlinkung auf der Startseite zur Leichten Sprache vorhanden 		nicht bestanden –
5.3
Informationen zu den wesentlichen Inhalten sind vorhanden 		nicht bestanden –
5.4
Hinweise zur Navigation sind vorhanden 		nicht bestanden –
5.5
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden –
5.6
Hinweise auf weitere Informationen in Leichter Sprache vorhanden (optional) 		nicht bestanden –
6.1
Erläuterungen in Deutscher Gebärdensprache sind vorhanden 		nicht bestanden –
6.2
Verlinkung auf der Startseite zur Deutschen Gebärdensprache vorhanden 		nicht bestanden –
6.3
Informationen zu den wesentlichen Inhalten sind vorhanden 		nicht bestanden –
6.4
Hinweise zur Navigation sind vorhanden 		nicht bestanden –
6.5
Erläuterung der wesentlichen Inhalte der Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden –
6.6
Hinweise auf weitere Informationen in Deutscher Gebärdensprache vorhanden (optional) 		nicht bestanden –

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		im Wesentlichen bestanden * Inhaltsseite: Der Kontrast der grauen Aufzählungszeichen und blauen Aufklapp-Pfeile sind zum Hintergrund zu gering.
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		im Wesentlichen bestanden * Alle Seiten: Es sind keine Sprunglinks vorhanden.

Bestanden

Kriterium Status Notizen
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden –
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		bestanden –
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden –
WCAG 3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden –
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden –
WCAG 1.1.1
Nicht-Text-Inhalt 		bestanden Sind bei informationstragenden Grafiken sinnvolle Alternativtexte vorhanden? Sind dekorative Grafiken als solche ausgezeichnet?
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		bestanden korrekte Lesereihenfolge? Relevante, informationstragende Texte in der Struktur enthalten?
WCAG 1.4.3
Kontrast (Minimum) 		bestanden Mindest-Kontrastwert zwischen Text und Hintergrund mindestens 4,5:1? Für Schriftgrößen ab 18pt oder 14pt Fettdruck sollte ein Mindest-Kontrast von 3:1 verwendet werden.
WCAG 1.4.11
Nicht-Text-Kontrast 		bestanden Kontraste von informationstragenden Grafiken beträgt mindestens 3:1 zu angrenzenden Farben?

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar
WCAG 2.3.1
Blitzen wird vermieden 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht anwendbar
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht anwendbar
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		nicht anwendbar

Nicht geprüft

Kriterium Status
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht geprüft

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