Staatliches Gutachten zur digitalen Barrierefreiheit

dstgb.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale A‑Kriterien für Screenreader-Nutzung (1.3.x, 2.1.1, 2.4.3, 4.1.2) sind nicht erfüllt, wodurch Navigation und Verständnis deutlich erschwert, aber nicht völlig verhindert werden.

Sehbehinderung Kaum nutzbar

Fehlende Kontraste (1.4.3, 1.4.11), Probleme bei Vergrößerung und Umbruch (1.4.4, 1.4.5, 1.4.10) sowie überlagerte Inhalte beeinträchtigen die Nutzung für sehbehinderte Menschen stark.

Hörbehinderung Fast barrierefrei

Audiovisuelle Anforderungen (1.2.1–1.2.5) werden erfüllt und es gibt kaum hörbezogene Barrieren, sodass gehörlose Menschen die Inhalte weitgehend ohne Einschränkung nutzen können.

Motorische Behinderung Mit Hindernissen nutzbar

Grundlegende Tastaturbedienung ist vorhanden, aber nicht alle Bedienelemente sind erreichbar oder mit sichtbarem Fokus (2.1.1, 2.4.7), was die Nutzung für motorisch eingeschränkte Personen teils erheblich erschwert.

Lernbehinderung Mit Hindernissen nutzbar

Strukturfehler, überlange Screenreader-Labels, unerwartete Filterreaktionen (3.2.2) und fehlende Leichte Sprache erschweren Orientierung und Verständnis, erlauben aber mit Aufwand eine Nutzung.

Neurodivergenz Mit Hindernissen nutzbar

Unklare Fokusreihenfolgen, überlagerte Inhalte, schwer steuerbare Hover-Menüs und fehlende vereinfachte Inhalte können für viele neurodivergente Personen belastend sein, machen die Seite aber nicht grundsätzlich unbenutzbar.

Veränderung

Aktuell angezeigt
12 gefundene Barrieren -2 zur vorherigen Prüfung
6,2/10 Ø Schwere -1,1 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Slider nicht per Tastatur bedienbar

    Die Paginierungs-Elemente im ersten Slider sind nicht mit der Tastatur erreichbar. Damit lässt sich der Slider nicht vollständig bedienen, wenn ich keine Maus nutzen kann.

    Auswirkung: Ich kann einzelne Slider-Inhalte nicht gezielt auswählen oder weiterblättern. Wichtige Startseiteninhalte bleiben mir dadurch unter Umständen verborgen.

  • Bedienelemente überlagern Eingaben und Inhalte

    Bei Vergrößerung und auf kleineren Ansichten überlagern sich Inhalte teilweise, zum Beispiel im Suchfeld, mit Breadcrumbs oder durch den fixierten Header und den Link zum Seitenanfang. Dadurch bleibt der nutzbare Inhaltsbereich sehr klein.

    Auswirkung: Ich muss ständig nach versteckten oder verdeckten Inhalten suchen. Das erschwert mir das Lesen, Auswählen und Bedienen der Seite deutlich.

  • Kontrastarme Texte sind schwer lesbar

    Mehrere Links und Texte haben zu wenig Kontrast zum Hintergrund, etwa auf der Startseite, der Suche und in Inhalts- bzw. Formularbereichen. Betroffen sind auch Bedienelemente wie Suchergebnis-Links und Formulartexte.

    Auswirkung: Ich kann Inhalte schlechter erkennen, besonders bei schlechter Sicht oder in heller Umgebung. Dadurch brauche ich mehr Zeit und kann wichtige Informationen leichter übersehen.

  • Slider-Bedienelemente werden nicht zuverlässig vorgelesen

    Die Paginierungs-Buttons des ersten Sliders werden im linearen Screenreader-Lesemodus nicht ausgegeben. Außerdem ist der Fokus nach dem Öffnen einer vergrößerten Grafik auf den Pfeilen nicht sichtbar.

    Auswirkung: Ich kann nicht sicher erkennen, wo ich mich gerade befinde oder welche Schaltfläche aktiv ist. Dadurch wird die Nutzung per Tastatur und Screenreader unsicher und fehleranfällig.

  • PDF ist für Screenreader nur eingeschränkt nutzbar

    Das angebotene PDF ist nicht PDF/UA-konform. Damit ist die technische Auszeichnung für barrierefreie Nutzung im Dokument nicht verlässlich vorhanden.

    Auswirkung: Ich kann das PDF je nach Hilfsmittel nur eingeschränkt oder mühsam lesen und navigieren. Besonders bei längeren Dokumenten ist das ein spürbares Hindernis.

  • Fehlermeldung nicht mit Formularfeld verknüpft

    Auf der Formularseite ist die Fehlermeldung nicht direkt dem betroffenen Eingabefeld zugeordnet. Dadurch ist nicht eindeutig erkennbar, zu welchem Feld der Hinweis gehört.

    Auswirkung: Ich muss erst suchen, wo der Fehler entstanden ist. Das macht das Ausfüllen langsamer und erhöht die Chance, dass ich die Eingabe nicht korrekt abschließe.

  • Hover-Menüs lassen sich nicht einfach schließen

    Die Untermenüs in der Metanavigation öffnen sich per Mouseover, können aber nicht ohne Weiteres wieder geschlossen werden. Ein klarer Schließen-Befehl wie die Escape-Taste ist nicht vorgesehen.

    Auswirkung: Wenn ein Menü offen bleibt, verdeckt es mir andere Inhalte und kann mich bei der Navigation stören. Ich verliere leichter die Orientierung und komme langsamer an mein Ziel.

  • Einige Navigationsbereiche sind für Screenreader schwer verständlich

    Mehrere Teaser und Bereiche werden von Screenreadern sehr umfangreich oder unklar ausgegeben, zum Beispiel mit Grafik und vollständigem Text zusammen. Außerdem wird in einem Bereich eine leere Überschrift angesagt.

    Auswirkung: Ich muss mir durch unnötig lange oder unklare Ansagen den eigentlichen Inhalt erst heraussuchen. Das kostet Zeit und macht die Orientierung deutlich anstrengender.

  • Filter ändern die Suche unerwartet sofort

    Auf der Suchseite wird die Filterung automatisch ausgelöst, sobald ich eine Checkbox auswähle. Vorher wird nicht klar erklärt, dass meine Eingabe sofort eine neue Ergebnisliste erzeugt.

    Auswirkung: Ich kann nicht in Ruhe mehrere Filter setzen, ohne dass sich die Seite zwischendurch ändert. Das kann mich verwirren und dazu führen, dass ich Ergebnisse übersehe oder falsch einschränke.

  • Fehlerhinweis verschwindet zu früh

    Die eingeblendete Fehlermeldung bleibt nicht dauerhaft sichtbar, bis der Fehler behoben ist. Ich kann den Hinweis dadurch leichter verpassen oder vergessen.

    Auswirkung: Wenn ich die Meldung kurz nicht im Blick habe, weiß ich möglicherweise nicht mehr, was ich korrigieren muss. Das erschwert mir das erfolgreiche Absenden des Formulars.

  • Tooltips per Tastatur nicht erreichbar

    Hinweise in Form von Tooltips, zum Beispiel bei Abkürzungen, lassen sich nicht mit der Tastatur öffnen. Damit bleiben Zusatzinformationen für mich ohne Maus verborgen.

    Auswirkung: Ich verstehe Abkürzungen oder Fachbegriffe möglicherweise nicht vollständig. Das erschwert das Erfassen des Inhalts, besonders bei fachlichen Texten.

  • Seitentitel der Suchseite fehlt

    Die Suchseite besitzt keinen eigenen Seitentitel. Für mich ist damit schwerer erkennbar, ob ich wirklich auf der richtigen Seite bin.

    Auswirkung: Ich kann die Seite schlechter in Tabs, Lesezeichen oder bei der Navigation unterscheiden. Das kostet Orientierung und kann zu Fehlbedienungen führen.

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 127.0.6533.73
Screenreader
NVDA 2024.2

Veränderung nach WCAG-Kriterien

26.07.2024 Vereinfachte Überwachung
angezeigtes 18 nicht bestanden 2 weitgehend 30 bestanden
22.02.2023 Vereinfachte Überwachung Gutachten ansehen
23 nicht bestanden 3 weitgehend 28 bestanden
  • www.dstgb.de ⓘ Web-Angebot öffnen
  • https://www.dstgb.de/?q=%C3%96PNV ⓘ
  • https://www.dstgb.de/kontakt/ ⓘ
  • https://www.dstgb.de/themen/energiewende/aktuelles/hochlauf-einer-wasserstoffwirtschaft-potenziale-der-verteilnetzebene-nutzen/ ⓘ
  • https://www.dstgb.de/aktuelles/archiv/archiv-2019/1-deutscher-frauenkongress-kommunal-am-03-09-2019-in-mainz/frauenkongress-03092019.pdf?cid=66b

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Startseite: Der alt-Text des Logos (DStGB) im Inhaltsbereich entspricht nicht genau dem Logotext. Alle Seiten: Der alt-Text des Logos im Kopfbereich entspricht nicht genau dem Logotext.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Startseite: Auf der Seite sind mehrere Links (z.B. im Bereich "Publikationen") als Überschriften ausgezeichnet obwohl kein weiterer Inhalt folgt. Formularseite: Die Fehlermeldung ist nicht mit dem dazugehörigen Formularfeld verknüpft. Startseite, Inhaltsseite: Im Inhaltsbereich sind mehrere Elemente (z.B. der Link "Zum Newsletter-Abo") als Liste mit nur einem Eintrag ausgezeichnet. Alle Seiten: Im Hochkontrastmodus sind Teile des Logos im Header nicht mehr sichtbar. Startseite: Die Paginierungspunkte im ersten Slider sind im Hochkontrastmodus nicht mehr sichtbar.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Startseite: Im Bereich "Der DStGB: Eine starke Stimme" wird bei der Navigation mit den Pfeiltasten eine leere H2 Überschrift vom Screenreader ausgegeben.
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		nicht bestanden Startseite: Mehrere Elemente der Seite haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. "Pressemitteilung" im ersten Slider oder "Positionspapier"). Suchseite: Die Links und Texte der Suchergebnisse haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe. Formularseite, Inhaltsseite: Einige Elemente der Seite haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. "Datenschutzerklärung", "Verbändeappell").
WCAG 1.4.4
Schriftgröße kann angepasst werden 		nicht bestanden Alle Seiten: In der Metanavigationsleiste am rechten Rand werden nicht alle Links im sichtbaren Bereich angezeigt. Zudem überlagert sich der "Mediathek" Linktext mit dem "zum Anfang der Seite"-Link.
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Startseite: Im ersten Slider können die Inhalte einiger Schriftgrafiken (z.B. "Stadt und Gemeinde ..."), nicht an die individuellen Bedürfnisse angepasst werden. Startseite: Die Inhalte der drei vergrößerten Schriftgrafiken (im Bereich "Neueste DStGB-Infografiken") können von Nutzern nicht an die individuellen Bedürfnisse angepasst werden.
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		nicht bestanden Suchseite: Im Sucheingabefeld wird der Text "Suchbegriff eingeben ..." teilweise durch die Icons und den Suche-Button überlagert. Inhaltsseite: Der Text "Verbändeappel" im Inhaltsbereich wird von den Links der Breadcrumb-Navigation überlagert. Alle Seiten: Der eigentliche Inhaltsbereich ist durch den fixierten Header-Bereich sehr klein, so dass die Anwendung nicht gut bedient werden kann. Alle Seiten: Die Inhalte werden dauerhaft durch den "zum Anfang der Seite"-Link teilweise überlagert.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Die "Zurück"- und "Weiter"-Buttons (<- ->) im ersten Slider haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Suchseite: Der Rahmen der Auswahlliste "Sortieren nach.." hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Formularseite: Die Rahmen der Eingabefelder haben ein zu geringes Kontrastverhältnis zur Hintergrundfarbe. Alle Seiten: Der Rahmen des Eingabefeldes im Bereich Newsletter-Abo hat ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: In der Metanavigationsleiste am rechten Rand können die per Mouseover geöffneten Untermenüs nicht geschlossen werden, ohne den Mauszeiger bzw. den Tastaturfokus zu bewegen (z. B. durch Drücken der Escape-Taste).
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Startseite: Die Paginierungs-Elemente des ersten Sliders sind mit der Tastatur nicht erreichbar. Alle Seiten: Die Tooltips (z.B. bei Abkürzungen wie DStGB oder EU) im Fließtext, können mit der Tastatur nicht erreicht/geöffnet werden.
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht bestanden Formularseite: Die eingeblendete Fehlermeldung wird nicht dauerhaft (bis der Fehler behoben ist) am entsprechenden Formularfeld angezeigt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Suchseite: Im Sucheingabefeld ist die Fokusreihenfolge zwischen den zwei Buttons (Suche-Button und das Plus-Icon) nicht korrekt.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		nicht bestanden Startseite: In mehreren Bereichen wie z.B. "Weitere Meldungen" oder "Positionspapiere" werden die verlinkten Teaser jeweils mit der Grafik und dem gesamten Text des Eintrags vom Screenreader ausgegeben.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Nach dem Öffnen einer vergrößerten Grafik im Bereich "Neueste DStGB-Infografiken", ist der Fokus auf den "Zurück"- und "Weiter"-Pfeilen nicht sichtbar.
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		nicht bestanden Alle Seiten: Im Footer wird der Link "Intranet" mit einer Beschriftung ausgegeben, welche von der visuellen abweicht: "Springe zu Site-Wurzel "Startseite"".
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Bei einigen Teasergrafiken werden die Beschreibungstexte (title) mit englischen Texten vom Screenreader ausgegeben.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Startseite: Die Paginierungs-Button im ersten Slider werden, im linearen Lesemodus des Screenreaders nicht ausgegeben.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden Das PDF-Dokument ist nicht PDF/UA-konform.

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden Suchseite: Die Seite besitzt keinen eigenen Seitentitel.
WCAG 3.2.2
Eingabe führt nicht zu Kontextänderung 		im Wesentlichen bestanden Suchseite: Übernimmt ein Nutzer bei einer Filter-Auswahlliste (Checkboxen) einen Wert, dann wird automatisch die Filterung ausgeführt. Der Nutzer wird über dieses Verhalten im Vorfeld nicht informiert.

Bestanden

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		bestanden
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		bestanden
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		bestanden
WCAG 2.3.1
Blitzen wird vermieden 		bestanden
WCAG 2.4.1
Wiederkehrende Bereiche können übersprungen werden 		bestanden
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		bestanden
WCAG 2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
WCAG 2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
WCAG 3.1.1
Sprache ist ausgezeichnet 		bestanden
WCAG 3.2.1
Fokussierung 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.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		bestanden
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden

Nicht anwendbar

Kriterium Status Notizen
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht anwendbar Ergebnis der formalen Prüfung: nicht anwendbar.
A.2
Feedback-Mechanismus ist vorhanden 		nicht anwendbar entspricht A nein
A.3
Leichte Sprache ist vorhanden 		nicht anwendbar entspricht A nein
A.4
Gebärdensprache-Video ist vorhanden 		nicht anwendbar entspricht A nein

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