Staatliches Gutachten zur digitalen Barrierefreiheit

teilhabe40.de

Dieses Gutachten ist wahrscheinlich veraltet. Ein Neueres vom 02.07.2024 ist verfügbar.

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere schwere Probleme bei Struktur, Navigation, Formularen und Zustandsrückmeldungen machen die Nutzung mit Screenreader trotz teilweise vorhandener Alternativtexte deutlich erschwert, aber nicht völlig unmöglich.

Sehbehinderung Kaum nutzbar

Zoom- und Reflow-Fehler, überdeckte Inhalte bei Textvergrößerung sowie schwache Fokus- und Nicht-Text-Kontraste schränken die Nutzung bei Sehbehinderung stark ein.

Hörbehinderung Weitgehend zugänglich

Es gibt keine spezifischen Audio-Probleme, und eine DGS-Seite ist vorhanden, sodass gehörlose Menschen die Seite im Wesentlichen nutzen können, auch wenn Dokumentation und Gebärdensprach-Angebot unvollständig sind.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturbedienung ist durch problematische Fokusreihenfolge, nicht schließbare Menüunterpunkte und schlecht sichtbaren Fokus deutlich beeinträchtigt, bleibt aber grundsätzlich möglich.

Lernbehinderung Mit Hindernissen nutzbar

Inkonsequente Begriffsnutzung, fehlende klare Fehlerhilfen und ein überlastetes Navigationskonzept ohne alternative Zugangswege erschweren die Orientierung, werden aber teilweise durch Leichte-Sprache-Inhalte abgefedert.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Struktur, verwirrende Menüs und inkonsistente Bezeichnungen können für neurodivergente Personen sehr anstrengend sein, während Leichte Sprache und grundlegende Klarheit der Inhalte eine eingeschränkte Nutzung ermöglichen.

Veränderung

Aktuell angezeigt
14 gefundene Barrieren +4 zur vorherigen Prüfung
6,4/10 Ø Schwere -0,6 zur vorherigen Prüfung
Gutachten ansehen
4 gefundene Barrieren -10 zur vorherigen Prüfung
5,8/10 Ø Schwere -0,6 zur vorherigen Prüfung
Gutachten ansehen
3 gefundene Barrieren -1 zur vorherigen Prüfung
6,3/10 Ø Schwere +0,5 zur vorherigen Prüfung

Dokumentierte Barrieren

  • Seiteninhalte brechen bei Zoom ab

    Bei hoher Vergrößerung schneiden sich Texte und Bedienelemente gegenseitig ab. Die Seite passt sich dann nicht mehr sauber an die schmale Ansichtsbreite an.

    Auswirkung: Ich kann Inhalte bei starkem Zoom nicht vollständig lesen und manche Bedienelemente nicht bedienen. Für mich wird die Nutzung auf kleinen oder stark vergrößerten Ansichten stark eingeschränkt.

  • Inhalte werden bei Vergrößerung überdeckt

    Bei stärkerer Textvergrößerung legt sich der feste Kopfbereich über Inhalte und verdeckt sogar Sprunglinks. Wichtige Seitenelemente bleiben dadurch teilweise nicht mehr sichtbar oder erreichbar.

    Auswirkung: Wenn ich die Schrift größer stelle, kann ich einzelne Inhalte nicht mehr lesen oder anklicken. Das kann mich direkt daran hindern, zu einem wichtigen Abschnitt zu springen.

  • Tastaturfokus bleibt in ausgeklappten Menüs hängen

    Menüunterpunkte öffnen sich beim Tabben automatisch und lassen sich nicht einfach wieder schließen. Dadurch muss ich mit der Tastatur viele zusätzliche Einträge durchlaufen.

    Auswirkung: Ich komme langsamer zu den gewünschten Inhalten und kann die Navigation nicht frei steuern. Das ist besonders für Tastaturnutzende sehr anstrengend.

  • Formularfehler werden nicht richtig angesagt

    Fehlermeldungen im Kontakt- und Registrierungsformular sind nur sichtbar, aber nicht mit den betroffenen Feldern verbunden. Hilfsmittel lesen die Fehler daher nicht automatisch vor.

    Auswirkung: Ich erfahre nicht zuverlässig, was ich falsch ausgefüllt habe. Dadurch kann ich das Formular nur schwer korrekt abschicken.

  • Menünavigation liest unsichtbare Unterpunkte vor

    Untermenüs sind im Seitenaufbau vorhanden, obwohl sie eigentlich ausgeklappt und nicht sichtbar sein sollten. Dadurch werden beim Lesen mit Hilfsmitteln auch Inhalte angekündigt, die ich nicht direkt erreichen oder überblicken kann.

    Auswirkung: Ich verliere den Überblick über die Navigation und werde zu Punkten geführt, die ich gar nicht sehen kann. Das macht das Finden der richtigen Seite deutlich mühsamer.

  • Fokus ist schwer erkennbar

    Der sichtbare Fokusrahmen vieler Links und Bedienelemente hebt sich zu wenig vom Hintergrund ab. Besonders im Videoplayer ist der Fokus dadurch kaum zu erkennen.

    Auswirkung: Ich sehe nicht zuverlässig, welches Element gerade aktiv ist. Damit kann ich die Seite mit Tastatur nur unsicher bedienen.

  • Navigation und Zustände werden nicht eindeutig angekündigt

    Wichtige Zustände wie aufgeklappte Menüs sind nicht sauber ausgezeichnet, und einige Navigationsbereiche haben keine sprechenden Beschriftungen. Im Videoplayer wird zusätzlich ein Dialogsignal verwendet, obwohl kein passender Dialog vorhanden ist.

    Auswirkung: Ich kann nicht sicher erkennen, ob ein Menü offen oder geschlossen ist oder was ein Bereich bedeutet. Das macht die Bedienung mit Screenreader deutlich unzuverlässiger.

  • Unklare Links zu verlinkten Logos

    Im Fußbereich sind verlinkte Logos ohne verständlichen Alternativtext eingebunden. Dadurch ist nicht erkennbar, wohin ein Link führt oder welche Organisation dahintersteht.

    Auswirkung: Ich kann nicht sicher entscheiden, ob mich der Link auf eine passende externe Seite bringt. Mit Screenreader fehlen mir die nötigen Hinweise, um solche Links gezielt auszuwählen.

  • Doppelte Hauptbereiche verwirren Screenreader

    Auf der Startseite sind zwei Bereiche gleichzeitig als Hauptinhalt ausgezeichnet. Für Screenreader wirkt es dadurch so, als gäbe es mehr als einen zentralen Inhaltsbereich.

    Auswirkung: Ich weiß nicht eindeutig, wo der eigentliche Hauptinhalt beginnt. Das erschwert das Überspringen von Bereichen und kostet Zeit bei der Orientierung.

  • Pflichtfelder sind nicht erklärt

    Das Sternchen für Pflichtfelder wird im Formular nicht erläutert. Ich kann daher nicht sicher erkennen, welche Eingaben zwingend erforderlich sind.

    Auswirkung: Ich lasse möglicherweise Pflichtfelder aus oder mache unnötige Fehler. Das erschwert das Ausfüllen und kann die Formularnutzung unterbrechen.

  • Formularfelder ohne automatische Zweck-Erkennung

    Im Registrierungsformular fehlen Angaben, damit Hilfsmittel den Zweck der Eingabefelder automatisch erkennen können. Das betrifft vor allem typische Felder wie Name, E-Mail oder Adresse.

    Auswirkung: Ich muss jedes Feld vollständig selbst deuten und ausfüllen, statt Unterstützung durch mein Hilfsmittel zu bekommen. Das macht die Registrierung langsamer und fehleranfälliger.

  • Nur ein Zugangsweg zu Inhalten

    Die Inhalte sind praktisch nur über die Hauptnavigation im Kopf- und Fußbereich erreichbar. Eine Suche, Sitemap oder andere direkte Wege fehlen.

    Auswirkung: Ich muss mich immer durch dieselben Menüs klicken, auch wenn ich schon weiß, was ich suche. Das kostet Zeit und macht die Seite unflexibler.

  • Cookie-Häkchen kaum erkennbar

    Der Haken in der Cookie-Auswahl hat zu wenig Kontrast zum Hintergrund. Das Kontrollzeichen ist dadurch schwer zu erkennen, obwohl es eine wichtige Auswahl bestätigt.

    Auswirkung: Ich kann nicht sicher sehen, ob die Auswahl gesetzt ist. Das erhöht die Gefahr, falsche Cookie-Einstellungen zu übernehmen.

  • PDF-Links geben das Dateiformat nicht preis

    Links zu PDF-Dokumenten sagen nicht klar, dass sie zu einer PDF-Datei führen. Das Format ist im Linktext oder über ein beschreibendes Symbol nicht erkennbar.

    Auswirkung: Ich erwarte möglicherweise eine normale Webseite und werde dann unerwartet in ein Dokument geleitet. Das erschwert die gezielte Auswahl des passenden Inhalts.

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 (Version 22H2)
Browser
Firefox (Version 116.0.2)
Screenreader
NVDA (Version 2023.1)
Auflösung
1920 × 1080
Tools
Colour Contrast Analyser, PDF Accessibility Checker 2021

Veränderung nach WCAG-Kriterien

02.07.2024 eingehende Überwachung Gutachten ansehen
1 nicht bestanden 1 weitgehend 24 bestanden
27.11.2023 eingehende Überwachung Gutachten ansehen
1 nicht bestanden 2 weitgehend 25 bestanden
15.08.2023 eingehende Überwachung
angezeigtes 17 nicht bestanden 10 weitgehend 2 bestanden
09.03.2021 Vereinfachte Überwachung Gutachten ansehen
7 nicht bestanden 2 weitgehend 45 bestanden
  • https://www.teilhabe40.de/ ⓘ Web-Angebot öffnen
  • Informationspaket_Trainerinnen_KMU.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
4.9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Verlinkte Logos im Fußbereich haben keine formulierende Alternativtexte, sodass nicht ersichtlich ist, wohin die Links führen. Formulierungen wie „BAG Selbsthilfe – zur Website“ oder „Gefördert durch das BMAS – zur Website“ sollten verwendet werden.
4.9.1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Unterpunkte des Hauptmenüs sind im DOM sichtbar, obwohl sie ausgeklappt sind, wodurch Screenreader unsichtbare Menüpunkte lesen und die Lesereihenfolge stören. Die Liste sollte nur sichtbare Menüinhalte enthalten.
4.9.1.3.5
Eingabezweck bestimmen 		nicht bestanden Im Registrierungsformular fehlt komplett das autocomplete-Attribut, daher können Assistenzsysteme den Zweck der Eingabefelder nicht automatisch bestimmen. Die W3C-Liste der autocomplete-Werte sollte verwendet werden.
4.9.1.4.4
Textgröße ändern 		nicht bestanden Bei 200 % Textvergrößerung überlappt der halbtransparente Sticky Header Inhalte und verdeckt Sprunglinks, wodurch Inhalte nicht mehr erreichbar sind. Der Header sowie der Sprunglink dürfen andere Inhalte nicht überlappen.
4.9.1.4.10
Automatischer Umbruch (Reflow) 		nicht bestanden Inhalte schneiden sich bei 400 % Zoom ab, sodass Texte und Bedienelemente nicht lesbar sind. Die Inhalte müssen so umgebrochen werden, dass bei 320 CSS-Pixeln Breite keine Informationen verlorengehen.
4.9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Der Haken in der Cookie-Auswahl erreicht nur 1,7:1 Kontrast zum Hintergrund, obwohl das Element eine Aussage vermittelt. Das Kontrastverhältnis sollte mindestens 3:1 erreichen.
4.9.2.4.1
Blöcke überspringen 		nicht bestanden Die Startseite enthält zwei als Hauptinhalt ausgezeichnete Bereiche (main-Element und div mit role="main"), wodurch Screenreader zwei gleichrangige Hauptinhalte melden. Nur ein Bereich darf als main gekennzeichnet sein, der andere etwa dem header zugeordnet werden.
4.9.2.4.3
Fokus-Reihenfolge 		nicht bestanden Ausklappende Menüunterpunkte öffnen sich beim Tabben automatisch und können nicht geschlossen werden, so dass Tastaturnutzer alle Unterpunkte durchlaufen müssen. Die Menüs müssen optional aufklappbar und per Tastatur steuerbar sein.
4.9.2.4.4
Linkzweck (im Kontext) 		nicht bestanden Links zu PDF-Dokumenten enthalten keinen Hinweis auf das Format (beispielsweise über ergänzenden Text oder ein Icon mit Alternativtext), was die Erwartungen von Nutzern assistiver Technik unmöglich macht. Das Format sollte im Linktext oder über ein beschreibendes Icon vermittelt werden.
4.9.2.4.5
Verschiedene Möglichkeiten 		nicht bestanden Der Zugang zu Inhalten erfolgt ausschließlich über die Hauptnavigation im Header und Footer; alternative Zugangswege wie Sitemap oder Suche fehlen. Zusätzliche Wege (z. B. Inhaltsverzeichnis oder zentrales Sucheingabefeld) sollten angeboten werden.
4.9.2.4.7
Fokus sichtbar 		nicht bestanden Die Fokusrahmen vieler Links und Bedienelemente – insbesondere im Videoplayer – besitzen nicht den Mindestkontrast von 3:1 zum Hintergrund. Die Fokushervorhebung sollte mit :focus oder :focus-visible so gestaltet werden, dass sie klar erkennbar ist.
4.9.3.3.1
Fehlerkennzeichnung 		nicht bestanden Fehlermeldungen im Kontakt- und Registrierungsformular sind optisch sichtbar, aber nicht programmgesteuert mit den Eingabefeldern verknüpft. Screenreader geben sie daher nicht aus. Eine Verknüpfung über aria-describedby oder Integration der Meldung in die Beschriftung ist erforderlich.
4.9.3.3.2
Beschriftungen (Labels) oder Anweisungen 		nicht bestanden Die Bedeutung des Sternchens für Pflichtfelder wird nicht erklärt, wodurch Nutzer möglicherweise Felder auslassen oder falsche Eingaben machen. Eine kurze Erklärung der Pflichtkennzeichnung am Formularanfang sollte bereitgestellt werden.
4.9.4.1.2
Name, Rolle, Wert 		nicht bestanden Wichtige Zustandsinformationen fehlen: Menu-Trigger besitzen kein aria-expanded, Navigationselemente im Header/Fußbereich fehlen aria-labels und innerhalb des Videoplayers ist ein nicht vorhandener Dialog über role="dialog" ausgezeichnet. Entsprechende Attribute (aria-expanded, aria-labels) müssen ergänzt, die Rolle entfernt oder durch die tatsächliche Funktion ersetzt werden.
4.9.6
Konformitätsanforderungen der WCAG 		nicht bestanden Die geprüften Seiten erfüllen nicht durchgängig alle Anforderungen der WCAG 2.1 A/AA, außerdem fehlen alternative Informationen und die bereits benannten Auffälligkeiten. Die Konformitätsbedingungen (inkl. Anforderungen wie 9.2.2.2 usw.) sind damit verletzt.
4.12.1.2
Barrierefreie Dokumentation 		nicht bestanden Die Erklärung zur Barrierefreiheit wird von den gleichen Fehlstellen betroffen wie die übrige Seite (Navigation nicht vollständig zugänglich u. a.), daher erfüllt sie nicht alle Anforderungen der Abschnitt 9.1–9.6. Die dokumentierte Informationsseite muss entsprechend barrierefrei überarbeitet werden.
5.2
Erklärung zur Barrierefreiheit 		nicht bestanden Die Erklärung dokumentiert nicht, welche Inhalte nicht vollständig barrierefrei sind und warum. Diese Angaben sind laut BGG erforderlich und müssen ergänzt werden.

Im Wesentlichen bestanden

Kriterium Status Notizen
4.9.1.1.1.a
Alternativtexte für Bedienelemente 		im Wesentlichen bestanden Grafische Bedienelemente verwenden ausschließlich title-Attribute, die von assistiven Technologien nicht zuverlässig ausgegeben werden. SVGs sollten ein title-Element mit der Textalternative enthalten, role="img" tragen und mittels aria-labelledby darauf verweisen.
4.9.1.1.1.b
Alternativtexte für Grafiken und Objekte 		im Wesentlichen bestanden Informative Grafiken (z. B. Porträts) fehlen aussagekräftige alt-Texte und selbst Bildunterschriften können dies nicht kompensieren. Das alt-Attribut sollte den Bildinhalt übermitteln (z. B. „Porträt Hannelore Loskill“).
4.9.1.3.1.a
HTML-Strukturelemente für Überschriften 		im Wesentlichen bestanden Auf der Seite „Impressum“ sind leere Überschriften enthalten; Screenreader geben diese als leere Einträge aus. Solche Elemente sollten entfernt werden, damit die Struktur nachvollziehbar bleibt.
4.9.1.3.1.d
Inhalte gegliedert 		im Wesentlichen bestanden Absätze werden vielfach über doppelte br-Zeilenumbrüche realisiert, was beim Vorlesen im Screenreader „leer“ ausgibt. Die Absätze sollten mit p-Elementen umschlossen und Abstände über CSS erzeugt werden.
4.9.1.4.13
Eingeblendeter Inhalt bei Darüberschweben (Hover) oder Fokus 		im Wesentlichen bestanden Navigationsunterpunkte werden bei Hover und Tastatur automatisch geöffnet, lassen sich aber nur durch Fokuswechsel schließen. Zusätzliche Inhalte sollten sich mit ESC beschießen, nicht selbstständig schließen und mit dem Mauszeiger befahrbar sein.
4.9.3.2.4
Konsistente Kennzeichnung 		im Wesentlichen bestanden Auf der Seite „Registrierung“ werden für den gleichen Prozess unterschiedliche Begriffe („Registrierung“, „Zugang“, „Profil“) verwendet, was Nutzer verwirrt. Konsistente Begriffe (z. B. „Registrierung“) sollten durchgehend verwendet werden, zusätzliche Erläuterungen im Einleitungstext ergänzen.
4.9.3.3.3
Vorschlag bei Fehler 		im Wesentlichen bestanden Die Fehlermeldungen für Passwort und Passwort-Wiederholung sind identisch („Bitte geben ein Passwort und eine identische Wiederholung ein.“) und helfen damit nicht beim Korrigieren. Die Meldung sollte bei Passwort „Bitte geben Sie ein Passwort ein“ und bei Wiederholung „Bitte geben Sie eine identische Wiederholung ein“ lauten.
4.12.1.1
Barrierefreiheits- und Kompatibilitätsfunktionen 		im Wesentlichen bestanden Die Vorlesefunktion ReadSpeaker ist zwar sichtbar, jedoch nicht in der Erklärung zur Barrierefreiheit dokumentiert. Die Dokumentation sollte die Funktion beschreiben, um Nutzer auf die Bedienelemente hinzuweisen.
5.4
Erläuterungen in Leichter Sprache 		im Wesentlichen bestanden Die Leichte-Sprache-Seite existiert, erfüllt aber nicht alle Anforderungen (fehlende Navigationserläuterungen, keine Zusammenfassung der wesentlichen Inhalte der Erklärung). Ergänzende Hinweise sollten nachgereicht werden.
5.5
Erläuterungen in Gebärdensprache 		im Wesentlichen bestanden Die Gebärdensprache-Seite ist vorhanden, aber es fehlen Hinweise zu wesentlichen Inhalten der Erklärung zur Barrierefreiheit, zur Navigation sowie weitere BITV-2.0-Anforderungen (z. B. Logo, Download der Datei). Die fehlenden Elemente sollten ergänzt werden.

Bestanden

Kriterium Status Notizen
5.1
Technische Dokumentprüfung 		bestanden Das auf der Startseite verlinkte PDF „Informationspaket_Trainerinnen_KMU.pdf“ wurde geprüft und als barrierefrei bewertet.
5.3
Feedback-Mechanismus 		bestanden Eine elektronische Kontaktaufnahme ist vorhanden und in der Erklärung zur Barrierefreiheit beschrieben, somit ist der Feedback-Pfad abgedeckt.

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