Staatliches Gutachten zur digitalen Barrierefreiheit

energieforschung.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere Verstöße bei Alternativtexten, Struktur, Linkzwecken, Name/Rolle/Wert und Tastaturbedienung erschweren Screenreader-Nutzung deutlich, lassen sie aber mit Aufwand noch zu.

Sehbehinderung Kaum nutzbar

Eingeschränkte Skalierung, mangelnder Nicht-Text-Kontrast und Probleme bei Textabständen behindern stark, Inhalte bleiben aber grundsätzlich erreichbar.

Hörbehinderung Fast barrierefrei

Es werden keine audiozentrierten Barrieren genannt, sodass gehörlose Menschen die Website weitgehend uneingeschränkt nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Seiten sind grundsätzlich tastaturbedienbar, aber nicht vollständig; problematische Fokusreihenfolge und nicht bedienbare Sortierfunktion erschweren die Nutzung erheblich.

Lernbehinderung Mit Hindernissen nutzbar

Unklare Überschriftenstruktur, unpräzise Linkzwecke und Orientierungsprobleme beim Fokuswechsel belasten das Verständnis und die Orientierung.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsistente Struktur, redundante Fokusstationen und fehlende klare Kennzeichnungen können Konzentration und Orientierung für neurodivergente Personen deutlich erschweren.

Dokumentierte Barrieren

  • Suchfunktion nicht klar bedienbar

    Der Suchschalter hat keinen verlässlichen, verständlichen Namen für Hilfstechnologien. Dadurch ist die Suche als zentrale Funktion schwer auffindbar und schwer zu nutzen.

    Auswirkung: Ich finde nicht sicher heraus, wie ich die Suche öffne. Wenn ich mit Screenreader arbeite, kann ich an der Schaltfläche hängenbleiben oder sie falsch verstehen.

  • Sortierung nicht per Tastatur nutzbar

    Die Sortierfunktion ist nicht als natives, sauber bedienbares Bedienelement umgesetzt. Damit ist sie für Tastatur- und Screenreader-Nutzende voraussichtlich nicht zuverlässig erreichbar.

    Auswirkung: Ich kann Suchergebnisse oder Listen nicht selbstständig sortieren. Das erschwert mir, passende Inhalte schnell zu finden.

  • Vergrößerung auf Mobilgeräten eingeschränkt

    Die Seite verhindert eine ausreichende Vergrößerung über die Zoom-Einstellungen des Browsers. Menschen mit Sehbeeinträchtigung können Inhalte dadurch nicht flexibel anpassen.

    Auswirkung: Ich kann Text nicht so stark vergrößern, wie ich es brauche. Dadurch wird das Lesen mühsam oder einzelne Inhalte bleiben schwer zugänglich.

  • Redundante Fokusstationen in Artikellisten

    Mehrere Elemente führen auf dasselbe Ziel oder sind pro Artikel mehrfach fokussierbar. Dadurch entsteht unnötig langer Tastaturweg beim Durchgehen von Listen und Übersichten.

    Auswirkung: Ich muss viel öfter Tab drücken, um von einem Inhalt zum nächsten zu kommen. Das kostet Zeit und macht die Navigation anstrengend.

  • Unklare Linkziele

    Einige Links sind nur mit wenig aussagekräftigen Beschriftungen oder reinen URLs versehen. Der Zweck der Links ist dadurch im Kontext nicht eindeutig erkennbar.

    Auswirkung: Ich weiß vor dem Aktivieren nicht, wohin ein Link führt. Das macht die Orientierung schwer und erhöht das Risiko, die falsche Seite zu öffnen.

  • Überschriftenstruktur uneinheitlich

    Die Seiten nutzen die Überschriftenebenen nicht logisch und teilweise mehrfach auf derselben Ebene oder ohne saubere Hierarchie. Dadurch wird die Gliederung der Inhalte nicht zuverlässig vermittelt.

    Auswirkung: Ich kann Inhalte schlechter über Überschriften erfassen und gezielt anspringen. Das macht das Lesen und schnelle Überfliegen deutlich mühsamer.

  • Schwache Kontraste bei Bedienelementen

    Mehrere nicht-textliche UI-Elemente wie Social-Media-Symbole, Suchfeldrahmen und Auswahllisten haben zu wenig Kontrast. Dadurch sind Grenzen und Bedienelemente schlechter erkennbar.

    Auswirkung: Ich sehe nicht immer klar, was anklickbar oder fokussiert ist. Das erschwert mir die Bedienung und erhöht die Fehlergefahr.

  • Fokus nach Filterung springt nicht sinnvoll

    Nach dem Ausführen eines Filters wird der Fokus nicht gezielt an den Anfang des aktualisierten Inhalts gesetzt. Nutzende können dadurch die neue Ergebnislage leicht übersehen.

    Auswirkung: Ich weiß nach dem Filtern nicht sofort, was sich geändert hat. Das kostet Orientierung und kann dazu führen, dass ich Suchergebnisse übersehe.

  • Falsche oder doppelte Alternativtexte bei Bildern

    Dekorative und inhaltliche Bilder sind nicht sauber getrennt beschrieben. Dadurch werden Bildinhalte für Screenreader teils unnötig vorgelesen oder nicht sinnvoll erklärt.

    Auswirkung: Ich bekomme bei Bildern unnötige oder falsche Informationen. Wichtige Inhalte können mir entgehen oder die Seite wird schwerer verständlich.

  • Regionen und Navigationen schwer unterscheidbar

    Kopf- und Fußnavigationen sind nicht eindeutig benannt. Für Screenreader ist dadurch nicht klar, welche Navigation gerade gemeint ist.

    Auswirkung: Ich kann mich mit dem Screenreader schlechter orientieren. Besonders bei mehreren Navigationsbereichen verliere ich leichter den Überblick.

  • Aktiver Navigationspunkt nur über Farbe erkennbar

    Der aktuelle Menüpunkt wird offenbar nur farblich hervorgehoben. Ohne zusätzliche Form- oder Textmarkierung ist der Status nicht für alle Nutzer klar erkennbar.

    Auswirkung: Ich erkenne nicht immer, wo ich mich im Menü gerade befinde. Das erschwert die Orientierung, besonders bei eingeschränktem Farbsehen.

  • Textabstände können Inhalte überdecken

    Die Seite reagiert offenbar nicht robust auf geänderte Textabstände durch Nutzer-Einstellungen. Dadurch können Texte oder Elemente überlappen.

    Auswirkung: Wenn ich eigene Abstände oder Vergrößerungen nutze, wird die Seite unlesbar oder unübersichtlich. Das kann das Erfassen von Inhalten deutlich erschweren.

  • Zu viele Tabstopps durch leere oder blockierte iFrames

    Leere oder nicht nutzbare iFrames landen trotzdem im Fokus. Das erzeugt unnötige Sprünge beim Tabben und stört den Ablauf der Bedienung.

    Auswirkung: Ich muss zusätzliche, nutzlose Fokusstationen durchlaufen. Das macht die Bedienung langsamer und kann mich aus dem Lesefluss bringen.

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 138.0.7204.101 (Offizieller Build) (64-Bit)
Screenreader
NVDA
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome), Bookmarklets (siehe bitvtest.de/test-methodik/web/werkzeugliste)
  • https://www.energieforschung.de/ Web-Angebot öffnen
  • https://www.energieforschung.de/suche?search=Umwelt#gsc.tab=0&gsc.q=Umwelt&gsc.page=1
  • https://www.energieforschung.de/de/aktuelles/neuigkeiten
  • https://www.energieforschung.de/lw_resource/datapool/systemfiles/agent/ewbpublications/8d2cc19c-03db-11f0-a8e4-a0369fe1b534/live/document/Impulspapier_1-2025_des_Beirats_zum_Energieforschungsprogramm_der_angewandten_Energieforschung.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Dekorative Teaserbilder als solche kennzeichnen (leeres alt-Attribut oder aria-hidden) und nur relevante Bilder mit Alternativtexten versehe.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Navigationen im Kopf- und Fußbereich mit eindeutigem aria-label versehen, z. B. „Zusatz-Navigation im Kopfbereich“, damit Screenreader die Regionen unterscheiden können.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Seitennavigation mit deutschsprachigem aria-label und beschrifteten Seitenlinks/Pfeilen versehen, damit der Zweck der Navigation klar wird.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Nur noch eine H1 pro Seite nutzen; weitere Überschriften als H2+ auszeichnen oder entfernen, wenn sie keinen zusätzlichen semantischen Wert haben.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Logisch geschachtelte Überschriftenstruktur einführen (z. B. Hauptbereiche als h3 zuordnen) und die sichtbare „Neuigkeiten“-Überschrift semantisch markieren.
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Aktive Seitennavigation zusätzlich durch Umrandung oder Schriftstil markieren, damit die Statusinformation nicht nur per Farbe vermittelt wird.
WCAG 1.4.4
Textgröße ändern 		nicht bestanden maximum-scale=1 aus dem meta viewport entfernen, damit Nutzende Inhalte vergrößern können.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Kontrast der Social-Media-Symbole auf mindestens 3:1 gegenüber dem Hintergrund erhöhen oder durch kontastreiche Fläche bzw. Fokusindikator ergänzen.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Kontrast des Rahmens im Suchfeld auf mindestens 3:1 zum Hintergrund erhöhen.
WCAG 1.4.11
Nicht-Text-Kontrast 		nicht bestanden Kontrast der Auswahllistenrahmen auf mindestens 3:1 zum Hintergrund anpassen.
WCAG 1.4.12
Textabstand 		nicht bestanden Layout so gestalten, dass geänderte Textabstände (z. B. durch User-Stylesheets) nicht zu Überlappung führen und Elemente flexibel reagieren.
WCAG 2.1.1
Tastatur 		nicht bestanden Sortierfunktion durch natives select-Element mit label oder ARIA-Pattern ersetzen, damit sie Tastatur- und Screenreader-bedienbar ist.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Mehrere Links zu einem Ziel zu einem einzigen Linkcontainer zusammenfassen oder Nebenlinks als ergänzende Funktionen kennzeichnen, um redundante Tabstationen zu vermeiden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Jeden Artikel nur einmal fokussierbar machen (z. B. Überschrift oder „Weiterlesen“-Link) und andere Elemente mit tabindex="-1" oder als Teil des Hauptlinks kennzeichnen.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Leere bzw. blockierte iFrames aria-hidden="true" bzw. tabindex="-1" geben oder ganz aus dem Fokus entfernen, um unnötige Tab-Schritte zu vermeiden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Bild in Suchergebnissen als dekorativ markieren (leeres alt) und nur Überschrift verlinken, um redundante Fokusstationen zu vermeiden.
WCAG 2.4.3
Fokus-Reihenfolge 		nicht bestanden Fokus nach Filterausführung gezielt auf den Anfang des aktualisierten Inhaltsbereichs setzen, damit kein Orientierungverlust entsteht.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Link in der Zusatznavigation mit sprechendem aria-label oder sichtbarem Text versehen statt nur URL im title-Attribut zu zeigen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Die Grafik mit Linkziel durch ein aussagekräftiges aria-label oder angepassten Alternativtext eindeutig beschreiben und doppelte alt-/title-Beschreibung vermeiden.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Datum und Kategorie von der Überschrift trennen, letzte als semantische Überschrift auszeichnen und Zusatzinformationen separat kennzeichnen (z. B. via aria-label).
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Accessible Name des Suchschalters durch aria-label (z. B. „Suche öffnen“) oder korrekt ausgewerteten sr-only-Text sicherstellen; Name und Rolle vollständig übermitteln.

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