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
Nicht-Text-Inhalte besitzen Alternativtexte nicht bestanden Alle Seiten: Das Logo im Header hat keinen dem Logotext entsprechenden alt-Text.
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.
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.
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.
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.
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.
Ü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".
Tastaturfokus ist sichtbar nicht bestanden Startseite: Der Fokus ist auf den Paginierungspunkten im Slider nicht sichtbar.
Syntaxspezifikationen sind erfüllt nicht bestanden Startseite, Suchseite: Die Seiten enthalten Syntaxfehler.
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
Titel beschreiben Thema oder Zweck im Wesentlichen bestanden Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.
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
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen bestanden
Aufgezeichnete Audio-Inhalte besitzen Untertitel bestanden
Aufgezeichnete Video-Inhalte besitzen Alternativen bestanden
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen bestanden
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich bestanden
Bildschirmausrichtung ist änderbar bestanden
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar bestanden
Farbe ist nicht einziger Informationsträger bestanden
Automatisch abgespielte Audio-Inhalte sind steuerbar bestanden
Schriftgröße kann angepasst werden bestanden
Schriftgrafiken sind anpassbar oder unverzichtbar bestanden
Inhalte brechen in einspaltiges Layout um bestanden
Textabstände sind anpassbar bestanden
Bei Fokussierung eingeblendete Inhalte sind steuerbar bestanden
Tastaturbedienbarkeit ist gegeben bestanden
Tastaturfallen sind nicht vorhanden bestanden
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar bestanden
Zeitbegrenzungen sind steuerbar bestanden
Automatisch gestartete Animationen sind steuerbar bestanden
Blitzen wird vermieden bestanden
Wiederkehrende Bereiche können übersprungen werden bestanden
Linkzweck ist verständlich (im Kontext) bestanden
Seiten sind über verschiedene Möglichkeiten auffindbar bestanden
Komplexe Zeigerbedienung ist verzichtbar bestanden
Zeiger-Eingaben können abgebrochen oder widerrufen werden 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
Fehlermeldungen sind in Textform vorhanden bestanden
Label enthalten Eingabehinweise bestanden
Fehlermeldungen enthalten Korrekturvorschläge bestanden
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) bestanden
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. 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.