Staatliches Gutachten zur digitalen Barrierefreiheit

www.interreg.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Wesentliche Screenreader-Probleme bei Struktur, Name/Rolle/Wert, Fokusführung und fehlenden Alternativtexten beeinträchtigen die Bedienbarkeit deutlich, obwohl Grundfunktionen und Tastaturbedienung vorhanden sind.

Sehbehinderung Mit Hindernissen nutzbar

Zoom, Umbruch und Textabstände funktionieren, aber mehrere relevante Kontrastprobleme bei Text und Bedienelementen erschweren die Nutzung erheblich.

Hörbehinderung Weitgehend zugänglich

Untertitel und Alternativen für Medien sind überwiegend vorhanden, jedoch fehlt ein Gebärdensprachvideo und die Erklärung zur Barrierefreiheit ist nicht normgerecht.

Motorische Behinderung Weitgehend zugänglich

Seite ist vollständig tastaturbedienbar ohne Tastaturfallen, jedoch führen Fehler bei Fokusreihenfolge und teils unsichtbarem Fokus zu spürbaren Einschränkungen.

Lernbehinderung Mit Hindernissen nutzbar

Es fehlen Inhalte in Leichter Sprache, es gibt komplexe Slider- und Suchinteraktionen sowie unklare Überschriften und Labels, was das Verständnis deutlich erschwert.

Neurodivergenz Mit Hindernissen nutzbar

Konsistente Navigation und abschaltbare Animationen helfen, aber Probleme bei Fokusreihenfolge, Struktur, Verständlichkeit und fehlende vereinfachte Inhalte können stark überfordern.

Dokumentierte Barrieren

Screenreader erkennt zentrale Seitenelemente falsch oder gar nicht

Einige Links, Listen, Überschriften und Slider-Elemente werden für Screenreader nicht passend ausgezeichnet oder nur fehlerhaft ausgegeben. Dadurch werden Struktur und Bedeutung wichtiger Inhalte auf mehreren Seiten uneindeutig. Auf der Suchseite kommen zusätzlich fehlerhafte Ausgaben bei Filterlisten und Suchergebnissen hinzu.

Auswirkung

Ich kann Inhalte nur schwer erfassen, weil mir die Seite ihre Struktur nicht verlässlich vermittelt. Besonders bei Suche und Filtern verstehe ich oft nicht, was ich gerade auswähle oder welche Elemente anklickbar sind.

Fokusreihenfolge erschwert die Tastaturbedienung deutlich

Auf mehreren Seiten springt der Tastaturfokus in einer unlogischen Reihenfolge oder landet nicht dort, wo Nutzer ihn nach einer Aktion erwarten. Im Slider, in der Suche und in den Bereichen Teilen/Drucken werden wichtige Bedienelemente und Ergebnisse nicht sinnvoll angesteuert. Teilweise ist der Fokus nach Aktionen sogar unsichtbar oder auf dem falschen Bereich.

Auswirkung

Wenn ich nur mit der Tastatur arbeite, muss ich unnötig viele Schritte machen und verliere leicht die Orientierung. Nach Suchen, Filtern oder dem Öffnen von Layern finde ich relevante Inhalte nicht sofort wieder.

Suchfunktion ist für Screenreader und Sehende teils schwer verständlich

Im Suche-Layer und auf der Suchseite werden Bezeichnungen, Hinweise und Ergebnisse nicht immer klar ausgegeben. Dazu kommen ein fehlender Hinweis auf die Vorschlagsliste, unklare Filterbezeichnungen nach der Auswahl und ein fehlender Suchbegriff im Seitentitel nach einer erneuten Suche. Auch das Suchfeld selbst ist visuell teils schwer erkennbar.

Auswirkung

Ich kann meine Suche schlechter kontrollieren und weiß weniger sicher, ob ich die richtigen Filter gesetzt habe. Das erschwert es mir, gezielt passende Inhalte zu finden.

Slider und Teaser sind in der Bedienung und Ausgabe unzuverlässig

Der automatisch aufgebaute Slider und einige Bild-Text-Teaser sind für Screenreader und Tastatur nicht sauber bedienbar. Inhalte werden teils nicht in der erwarteten Reihenfolge ausgegeben, der Stop-Button ist schlecht erreichbar und mehrere Links führen doppelt oder in ungewohnter Weise zum gleichen Ziel. Dadurch ist die Nutzung der Startseite unnötig kompliziert.

Auswirkung

Ich kann Slider-Inhalte und Teaser schwer prüfen, übersehen leicht wichtige Informationen und brauche mehr Zeit, um die Seite zu nutzen. Das macht die Startseite unübersichtlich und anstrengend.

Zu schwacher Kontrast bei wichtigen Such- und Teilen-Elementen

Mehrere Texte und Bedienelemente haben zu wenig Kontrast zum Hintergrund, darunter Filter-Buttons, Platzhaltertext, Checkbox-Rahmen und ein Teilen-Link. Dadurch sind gerade im Suchbereich und im Teilen-Layer wichtige Interaktionen schwer zu erkennen. Für Menschen mit eingeschränktem Sehvermögen ist das besonders problematisch.

Auswirkung

Ich muss Inhalte und Bedienelemente stärker suchen und kann sie schneller übersehen. Das kostet mich Zeit und kann dazu führen, dass ich Filter oder Sharing-Funktionen nicht sicher treffe.

Link- und Textausgaben sind für Screenreader teilweise störend oder missverständlich

Einige Links werden mit unnötigen Zusatztexten oder ungewöhnlicher Aussprache ausgegeben, etwa im Teilen-Layer oder durch Trennzeichen im Text. Auch Bildquellen und einzelne Linktexte werden nicht sauber vermittelt. Das macht das lineare Lesen mit dem Screenreader an mehreren Stellen schwerer verständlich.

Auswirkung

Ich muss mir Inhalte aus vielen kleinen, unklaren Ausgaben zusammensetzen. Dadurch verliere ich beim Lesen den Überblick und erfasse Informationen langsamer.

Fehlende Alternative in Leichter Sprache erschwert den Zugang zu Informationen

Es gibt keine Inhalte in Leichter Sprache. Damit fehlt ein niedrigschwelliger Zugang für Menschen, die komplexe Verwaltungs- und Projektinformationen nicht gut erfassen können. Gerade bei Förder- und Informationsseiten kann das den Einstieg deutlich erschweren.

Auswirkung

Ich kann mich Inhalte nicht so leicht erschließen, wenn die Sprache zu komplex ist. Ohne vereinfachte Darstellung brauche ich mehr Unterstützung oder mehr Zeit, um die Seite zu verstehen.

Gebärdensprachliche Unterstützung fehlt

Ein Gebärdensprache-Video ist nicht vorhanden. Für gehörlose Nutzende gibt es damit keine barrierearme Erklärung der Inhalte oder der Funktionsweise der Seite in Gebärdensprache. Das betrifft vor allem Nutzende, die schriftdeutsche Informationen nur eingeschränkt nutzen können.

Auswirkung

Ich habe keinen gleichwertigen Zugang zu wichtigen Erklärungen in meiner bevorzugten Sprache. Dadurch kann ich Inhalte und Hinweise der Website schlechter verstehen.

Logo ohne passenden Alternativtext

Das Logo im Header hat keinen dem Logotext entsprechenden Alternativtext. Screenreader-Nutzende erhalten dadurch nicht zuverlässig die Bedeutung oder den Namen des Logos. Das ist zwar kein Totalausfall, aber ein klarer Informationsverlust auf allen Seiten.

Auswirkung

Ich bekomme den Marken- oder Seitennamen nicht sauber vorgelesen und bin dadurch weniger sicher, wo ich mich befinde. Das stört die Orientierung, besonders beim Seitenwechsel.

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 10 Enterprise
Browser
Google Chrome 112.0.5615.49
Screenreader
NVDA 2022.4.
Tools
NVDA
  • www.interreg.de Web-Angebot öffnen
  • https://www.interreg.de/INTERREG2021/SiteGlobals/Forms/Suche/Servicesuche_Formular.html?nn=3848858&resourceId=3853442&input_=3848858&pageLocale=de&templateQueryString=integration
  • https://www.interreg.de/INTERREG2021/DE/Service/Impressum/impressum_node.html
  • https://www.interreg.de/INTERREG2021/DE/Projekte/GuteBeispiele/gute-beispiele_node.html
  • https://www.interreg.de/INTERREG2021/DE/Foerderung/Downloads/DL_Bundesprogr_HinwAntragsteller.pdf?__blob=publicationFile&v=4

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten: Das Logo im Header hat keinen dem Logotext entsprechenden alt-Text.
1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: In den Bereichen "Aktuelles", "Projektbeispiele", "Neueste Veröffentlichungen" und "Termine und Veranstaltungen" sind mehrere Links als Überschriften ausgezeichnet, obwohl diese keine neuen Inhaltsabschnitte kennzeichnen. Startseite: Im Bereich "Aktuelles" ist die Überschriftenhierarchie nicht korrekt, da auf eine H3 Überschrift mehrere visuell untergeordnete H3 Überschriften folgen. Suchseite: Der Screenreader gibt im Sucheingabefeld nach dem Einblenden der Vorschlagsliste keinen entsprechenden Hinweis auf die Liste aus. Suchseite: Die Suchergebnisliste ist nicht als Liste ausgezeichnet.
1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Im Bereich "Wegweiser" werden die Inhalte der drei Bild-Text-Teaser vom Screenreader nicht ausgegeben. Startseite: Beim automatisch laufenden Slider steht der Animation-STOP Button nicht am Anfang der Ausgabereihenfolge. Suchseite: Im Titeltext des Sucheingabefeldes wird das Zeichen "?" vom Screenreader nicht ausgegeben. Startseite, Inhaltsseite: Die Informationen zu Quellenangaben mehrerer Bilder werden vom Screenreader nicht ausgegeben. Alle Seiten: Im geöffneten "Teilen"-Layer (oberhalb des Footer) wird nach jedem Link der Textzusatz "Untermenü-Link weniger anzeigen" mit ausgegeben. Alle Seiten: Der Screenreader gibt mehrere Links und Texte durch die enthaltenen ­-Zeichen schwer verständlich aus.
1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Suchseite: Die Button-Texte der beiden Filter-Listen (z.B. "Dokumenttyp"), haben nach dem Öffnen der jeweiligen Filterliste ein zu geringes Kontrastverhältnis zum Hintergrund. Alle Seiten: Im Suche-Layer hat der Platzhaltertext "Suchbegriff" ein zu geringes Kontrastverhältnis zum Hintergrund. Alle Seiten: Im geöffneten "Teilen"-Layer (oberhalb des Footers) hat der Text des "Bei Twitter teilen"-Links ein zu geringes Kontrastverhältnis zum Hintergrund.
1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Suchseite: In den Filterlisten haben die Rahmen der Checkboxen ein zu geringes Kontrastverhältnis zum Hintergrund. Suchseite: Der Hintergrund des Sucheingabefeldes hat zum Hintergrund der Seite ein zu geringes Kontrastverhältnis.
2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Nach dem letzten Hauptnavigationspunkt folgt ein nicht sichtbarer Tabstep. Startseite: Im Slider erhalten pro Slide zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. Startseite: In den Bereichen "Wegweiser", "Aktuelles" und "Projektbeispiele" erhalten je Eintrag drei bzw. zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen. Startseite: In den Bereichen "Wegweiser", "Aktuelles" und "Projektbeispiele" entspricht die Fokusreihenfolge nicht der logischen Abarbeitungsreihenfolge bzw. der visuellen Anordnung der Elemente. Startseite: Im Slider wird der Fokus nach dem Öffnen einer Sliderseite (Paginierung) nicht auf das erste Element des geöffneten Slides gesetzt. Startseite: Der Button zum Stoppen der Slider-Animation erhält nicht am Anfang des Sliders den Fokus. Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche, nach dem Öffnen der nächsten Suchergebnisseite oder nach dem Filtern der Suchergebnisse an den Anfang der Seite und nicht auf den ersten Suchergebniseintrag gesetzt. Alle Seiten: Im Bereich "Teilen" und "Drucken" (oberhalb des Footers) ist die Fokusreihenfolge nicht korrekt, da zuerst der Link "Drucken" und danach erst der Link "Teilen" den Fokus erhält. Alle Seiten (außer Suchseite): Nach dem Schließen des "Suche"-Layers wird der Fokus in den Inhaltsbereich der Seite gesetzt. Alle Seiten: Der Cookie-Layer wird erst nach dem Skip-Link "Inhalt" fokussiert. Alle Seiten: Nach dem Aktivieren des "Nach oben"-Link im Footer wird der Fokus nicht an den Seitenanfang gesetzt, sondern verbleibt auf dem Link.
2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Suchseite: Im Bereich "Suchergebnisse Filtern" ändert sich nach der Wahl eines oder mehrerer Filter in der entsprechenden Liste die Bezeichnung der Auswahlliste, was verwirrend ist, da dadurch die eigentliche Bezeichnung wie z.B. "Dokumenttyp" plötzlich nicht mehr vorhanden ist. Inhaltsseite: Die fünf verlinkten Bild-Text-Elemente im Inhaltsbereich werden jeweils mit dem gesamten Text des Eintrags ausgegeben, erst am Ende des Textes erfolgt die Ausgabe, dass es sich um einen Link handelt; zudem wird dadurch im linearen Lesemodus des Screenreaders vor und innerhalb der verlinkten Textabschnitte sehr häufig das Wort "Link" ausgegeben, was störend ist. Alle Seiten: Am Ende des Hauptinhaltsbereiches wird eine nicht aussagekräftige Überschrift ausgegeben: "Diese Seite".
2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Der Fokus ist auf den Paginierungspunkten im Slider nicht sichtbar.
4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden Startseite, Suchseite: Die Seiten enthalten Syntaxfehler.
4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Die Paginierungspunkte des Sliders werden vom Screenreader als Registerkarten ausgegeben. Startseite: Mehrere per Tab fokussierte Links der Seite (zum Beispiel "Zu allen Blogbeiträgen" oder "Für Einsteiger") werden vom Screenreader nur als "leer" ausgegeben. Suchseite: Im Bereich "Suchergebnisse Filtern" werden die beiden Ausklapplisten im linearen Lesemodus des Screenreaders als "anklickbar - Überschrift Ebene 3 - Schalter reduziert" ausgegeben. Suchseite: Im Bereich "Suchergebnisse Filtern" werden die einzelnen Checkboxen in den beiden Auswahllisten als Links vom Screenreader ausgegeben; diese Rolle stimmt mit der visuellen Darstellung nicht überein. Zudem wird vom Screenreader der aktuelle Status einer Option nicht ausgegeben.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden.
A.3
Leichte Sprache ist vorhanden 		nicht bestanden Nicht vorhanden.
A.4
Gebärdensprache-Video ist vorhanden 		nicht bestanden Nicht vorhanden.

Im Wesentlichen bestanden

Kriterium Status Notizen
2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
2.5.3
Label enthält sichtbare Beschriftung 		im Wesentlichen bestanden Alle Seiten: Im Footer wird der Link "nach oben" mit einer Beschriftung ausgegeben, welche von der visuellen abweicht: "Zum Seitenanfang".

Bestanden

Kriterium Status Notizen
1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden
1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden
1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
1.4.4
Schriftgröße kann angepasst werden 		bestanden
1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		bestanden
1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden
1.4.12
Textabstände sind anpassbar 		bestanden
1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden
2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden
2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
2.3.1
Blitzen wird vermieden 		bestanden
2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden
2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
3.1.1
Sprache ist ausgezeichnet 		bestanden
3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		bestanden
3.2.1
Fokussierung führt nicht zu Kontextänderung 		bestanden
3.2.2
Eingabe führt nicht zu Kontextänderung 		bestanden
3.2.3
Navigation ist konsistent aufgebaut 		bestanden
3.2.4
Elemente sind konsistent bezeichnet 		bestanden
3.3.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
3.3.2
Label enthalten Eingabehinweise 		bestanden
3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden
A.2
Feedback-Mechanismus ist vorhanden 		bestanden
B.1
PAC3 Test ergibt PDF/UA-konform 		bestanden

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.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen