Staatliches Gutachten zur digitalen Barrierefreiheit

Hilfetelefon Schwangere

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Screenreader-Struktur, Slider und wichtige Telefonnummer in Schriftgrafiken sowie fehlende Textalternativen und problematische Rollen erschweren die Nutzung trotz insgesamt tastaturbedienbarer und semantisch weitgehend korrekter Umsetzung.

Sehbehinderung Mit Hindernissen nutzbar

Mehrere gravierende Kontrastprobleme bei Text und Bedienelementen sowie teilweise überdeckte Inhalte und schwacher Fokus machen die Nutzung für sehbehinderte Menschen deutlich erschwert, aber nicht unmöglich.

Hörbehinderung Fast barrierefrei

Untertitel für Videos sind vorhanden, kein problematisches Audio-Autoplay und zusätzliche Gebärdensprachinhalte ermöglichen weitgehend barrierefreie Nutzung für gehörlose Menschen.

Motorische Behinderung Weitgehend zugänglich

Die Seite ist vollständig tastaturbedienbar ohne Tastaturfallen und komplexe Zeigergesten, nur der stellenweise schlecht sichtbare Fokus kann die Orientierung erschweren.

Lernbehinderung Mit Hindernissen nutzbar

Inkonsistente Navigation, identische Seitentitel, englische Begriffe und zum Teil komplexe oder lange Texte beeinträchtigen die Verständlichkeit, bei grundsätzlich stabiler und vorhersehbarer Interaktion.

Neurodivergenz Mit Hindernissen nutzbar

Fehlende klare Fokusführung, inkonsistente Navigation, teils lange und nicht optimal strukturierte Texte sowie Slider-Elemente können die kognitive Belastung erhöhen, während Animationen kontrollierbar bleiben und keine Zeitdruck-Situationen bestehen.

Dokumentierte Barrieren

  • Wichtige Inhalte als Schriftgrafik nicht lesbar

    Auf der Startseite sind zentrale Informationen wie der Slider und die Telefonnummer als Schriftgrafik umgesetzt. Diese Inhalte lassen sich nicht anpassen und sind für Screenreader nicht auslesbar, weil kein brauchbarer Text ersichtlich ist.

    Auswirkung: Ich kann die wichtigste Telefonnummer oder Kampagnenbotschaften möglicherweise nicht erfassen. Dadurch verpasst ich im Zweifel genau die Information, die ich schnell brauche.

  • Fokus kaum sichtbar

    Der Tastaturfokus ist auf vielen Bedienelementen sehr schwach oder gar nicht sichtbar, etwa bei Suche, Video, Footer und Formularfeldern. Auf weißem Hintergrund ist die Markierung zu hell.

    Auswirkung: Ich erkenne oft nicht, welches Element gerade aktiv ist. Dadurch kann ich mich leicht verirren oder versehentlich falsche Eingaben auslösen.

  • Doppelte und unklare Fokusreihenfolge

    Einige Elemente werden in falscher Reihenfolge oder doppelt fokussiert, etwa Broschürenlinks, das Video und Teile des Headers. Dadurch ist die Bedienung per Tastatur nicht immer nachvollziehbar.

    Auswirkung: Ich muss mehrmals unnötig weiter tabben und verliere den Überblick, wo ich mich gerade befinde. Das kann besonders bei schnellen Aufgaben frustrierend sein.

  • Zu geringer Textkontrast

    Mehrere Texte haben einen zu geringen Kontrast zum Hintergrund, etwa orange-weiße Elemente oder Entfernungsangaben. Dadurch sind Inhalte schwer lesbar, besonders bei schwächerem Sehvermögen.

    Auswirkung: Ich muss Texte stark anstrengen oder kann sie gar nicht lesen. Wichtige Hinweise und Beschriftungen gehen mir dadurch schnell verloren.

  • Video ohne Textalternative

    Auf der Startseite gibt es ein Video, dessen Inhalte nicht in Textform bereitgestellt werden. Wer das Video nicht sehen kann, bekommt die darin vermittelten Informationen nicht anderweitig zugänglich.

    Auswirkung: Ich kann die Informationen aus dem Video nicht verstehen, wenn ich es nicht visuell wahrnehmen kann. Damit geht ein wichtiger Teil des Einstiegsinhalts verloren.

  • Unübersichtliche Überschriftenstruktur und fehlende Hauptüberschrift

    Auf Start- und Suchseite fehlt eine klare Hauptüberschrift, und die Überschriften folgen nicht in einer logischen Hierarchie. Für die Seitengliederung ist die Struktur dadurch schwer nachvollziehbar.

    Auswirkung: Ich kann Inhalte schlechter überfliegen und Abschnitte schwerer finden. Das macht die Orientierung auf der Seite unnötig anstrengend.

  • Suchergebnisadresse wird vom Screenreader nicht korrekt ausgegeben

    Bei Suchergebnissen wird die Adresse so umgesetzt, dass der Screenreader sie nicht lesen kann. Statt der eigentlichen Information wird die Beschriftung durch ein ungünstiges aria-label überdeckt.

    Auswirkung: Ich kann Ziel und Herkunft eines Suchergebnisses nicht zuverlässig prüfen. Dadurch kann ich leichter den falschen Link öffnen.

  • Slider und Video falsch als Registerkarten ausgezeichnet

    Auf der Startseite werden Slider und Video vom Screenreader wie Registerkarten beschrieben. Auch die Bullet-Punkte der Slider-Navigation sind nicht als Positionsanzeige erkennbar.

    Auswirkung: Ich verstehe nicht, welche Funktion diese Elemente wirklich haben und wie ich sie bedienen soll. Das kann zu Fehlbedienung und Verwirrung führen.

  • Seitentitel ist überall gleich

    Alle Seiten verwenden denselben Seitentitel. Dadurch ist nicht erkennbar, auf welcher Unterseite ich mich gerade befinde oder welches Ziel eine Seite hat.

    Auswirkung: Ich verliere beim Wechsel zwischen Seiten leicht die Orientierung. Besonders mit Screenreader oder mehreren offenen Tabs kann ich Seiten nur schwer auseinanderhalten.

  • Bedienelemente schlecht erkennbar

    Auch Nicht-Text-Elemente wie Suchfelder, Dropdowns und Slidernavigation heben sich teilweise zu wenig vom Hintergrund ab. Dadurch sind Rahmen und Navigationspunkte schwer zu erkennen.

    Auswirkung: Ich finde Eingabefelder und Navigationssteuerungen schlechter und kann sie leichter übersehen. Das macht die Nutzung langsamer und fehleranfälliger.

  • Externen Links fehlen verständliche Beschriftungen

    Einige externe Links haben keine klare sichtbare oder programmatische Beschriftung. Für Screenreader wird dann nur die URL ausgegeben.

    Auswirkung: Ich weiß nicht sofort, wohin ein Link führt. Das macht das Finden passender Informationen mühsam und unsicher.

  • Navigation auf Kontaktseiten weicht stark ab

    Die Terminvereinbarungs- und Kontaktseiten sind strukturell und visuell anders aufgebaut als die übrigen Seiten. Dadurch ist der Seitenwechsel nicht konsistent nachvollziehbar.

    Auswirkung: Ich muss mich auf jeder Seite neu orientieren und erkenne vertraute Bereiche nicht sofort wieder. Das erhöht die Wahrscheinlichkeit, dass ich mich verlaufe.

  • Englische Begriffe und Datumsanzeige irritieren

    Einzelne Bedienelemente und Anzeigen sind auf Englisch, obwohl die Seite deutsch ist, etwa Slider-Buttons, Pagination und ein ausgewähltes Datum. Das erschwert das Verstehen einzelner Funktionen.

    Auswirkung: Ich kann mich über sprachliche Brüche verunsichert fühlen und muss Inhalte genauer prüfen. Das kostet Zeit und kann besonders bei schnellen Anliegen irritieren.

  • Hochkontrastmodus macht Logos unlesbar

    Im Hochkontrastmodus sind die Logos nicht mehr gut erkennbar, weil sich ihre Farben nicht anpassen. Dadurch gehen visuelle Orientierungspunkte verloren.

    Auswirkung: Ich erkenne Marken- oder Bereichshinweise schlechter und kann die Seite weniger sicher wiederfinden. Das kann die Orientierung zusätzlich erschweren.

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 125.0.6422.142
Screenreader
NVDA 2023.3.3
  • https://www.hilfetelefon-schwangere.de/ Web-Angebot öffnen
  • https://www.hilfetelefon-schwangere.de/beratungsstellen/page
  • https://onlineberatung.hilfetelefon-schwangere.de/chat-beratung?tx_beranetplus_pi1[action]=detail&tx_beranetplus_pi1[channel]=chat&tx_beranetplus_pi1[controller]=Termin&tx_beranetplus_pi1[id]=2978881&cHash=c23c18aeff959955b1e46584187d97a6
  • https://www.hilfetelefon-schwangere.de/barrierefreiheit
  • https://www.hilfetelefon-schwangere.de/?tx_theme_forcedownload%5Baction%5D=forceDownload&tx_theme_forcedownload%5Bcontroller%5D=Downloads&tx_theme_forcedownload%5Bdownload%5D=15&type=998&cHash=908cfe1342c5eb74c96586441c50c5fa

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden Startseite: Es ist keine direkte Textalternative für die Informationen aus dem Video vorhanden.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Alle Seiten: Hochkontrastmodus - Die Logos sind nicht erkennbar, da deren Farben sich nicht anpassen. Startseite: Die Überschriften werden nicht hierarchisch in einer logischen Reihenfolge aufgeführt. Außerdem fehlt eine Hauptüberschrift. Startseite: Der Button zum Anzeigen und Ausblenden der Akkordeon-Elemente ist mit mehreren Zuständen (aria-expanded, aria-label, Beschriftung) ausgezeichnet. Startseite: Der Suchen-Schalter besitzt keine Beschriftung. Suchseite: Es werden nur <h4>-Überschriften dargestellt. Dabei fehlt eine Hauptüberschrift <h1>. Suchseite: Die aktuelle Position in der Pagination ist mit einem englischen Begriff gekennzeichnet. Suchseite: Die Adresse eines Suchergebnisses kann mit dem Screenreader nicht gelesen werden, da das aria-label des Links die Information überschreibt. Inhaltsseite: Der Link zum BIK BITV Testergebnis beinhaltet einen Grammatikfehler. Formularseite: Die Trennlinien werden 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. die Orange-Weiß-Kombination). Suchseite: Mehrere Elemente der Seite haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. die Angabe zur Entfernung). Inhaltsseite: Mehrere Elemente der Seite haben ein zu geringes Kontrastverhältnis von Text zu Hintergrundfarbe (z.B. die Orange-Weiß-Kombination).
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht bestanden Startseite: Die Slider bestehen aus Schriftgrafiken. Diese können nicht angepasst und nicht mit dem Screenreader gelesen werden. Startseite: Die Telefonnummer für das Hilfetelefon befindet sich in einer Schriftgrafik und kann mit dem Screenreader nicht gelesen werden, da der Alternativtext leer ist.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Startseite: Der Kontrastabstand der Slidernavigation auf dem jeweiligen Hintergrund ist teilweise zu gering. Suchseite: Die Kontrastabstände der Textfelder und der Dropdownliste (Rahmen) sind auf dem weißen Hintergrund nicht ausreichend. Formularseite: Der Rahmen des Textfelds ist auf dem weißen Hintergrund zu hell.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Alle Seiten: Der Seitentitel ist auf allen Seiten identisch.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Die verlinkten Broschüren erhalten zweimal den Fokus. Das Video-Element erhält ebenfalls den Fokus, obwohl es keine interaktive Funktion besitzt. Alle Seiten: Die Fokusreihenfolge im Header ist nicht schlüssig (Das Logo des Bundesministerums erhält zuerst den Fokus).
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Startseite: Der Fokus ist auf vielen Bedienelementen nicht sichtbar (bspw. im Videoplayer, auf dem Suchfeld, auf den Links im Footer). Suchseite: Der Tastaturfokus ist auf den Textfeldern sowie auf der Dropdownliste nur sehr schlecht sichtbar, da dieser sehr hell ist. Alle Seiten: Der Fokus ist mit einem Kontrastabstand von 2,0:1 zu hell auf dem weißen Hintergrund.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Startseite: Die Navigationsbuttons des Sliders sind englisch beschriftet. Formularseite: Das ausgewählte Datum wird in englischer Sprache dargestellt.
WCAG 3.2.3
Navigation ist konsistent aufgebaut 		nicht bestanden Formularseite: Die Navigation auf den Kontaktseiten (Terminvereinbarung) unterscheidet sich strukturell und visuell von den übrigen Seiten.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Formularseite: Der Hinweis-Dialog zum Exit-Button ist als solcher nicht erkennbar. Startseite: Der Slider und das Video werden als Registerkarten ausgegeben. Die Bullets sind dabei nicht als deren Positionsangabe erkennbar.
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		nicht bestanden Ergebnis der formalen Prüfung: nicht bestanden

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		im Wesentlichen bestanden Alle Seiten: Die Beschriftung der Grafiklinks wird doppelt ausgegeben.
WCAG 1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden Alle Seiten: Die Button der Sidebar (Chat, Suche, Exit) überdecken den Inhaltsbereich minimal.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		im Wesentlichen bestanden Startseite: Die Links zu den externen Links besitzen keine Beschriftung, wodurch der Screenreader die hinterlegte URL ausgibt.

Bestanden

Kriterium Status Notizen
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		bestanden –
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden –
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		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.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		bestanden –
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden –
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		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.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden –
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		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.3
Label enthält sichtbare Beschriftung 		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.2
Eingabe führt nicht zu Kontextänderung 		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 –
A.2
Feedback-Mechanismus ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden Hinweis: Die Textzeilen sind teils sehr lang und die Texte sind nicht optimal formuliert
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –
B.1
PAC3 Test ergibt PDF/UA-konform 		bestanden Hinweis nach WCAG ist Kriterium 1.4.3 nicht bestanden: Einige Kontraste sind nicht ausreichend.

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar

Möglicherweise verwandte Prüfungen

www.hilfetelefon.de

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 11.09.2023

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