Staatliches Gutachten zur digitalen Barrierefreiheit
www.profamilia.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Kaum nutzbar
Aufgrund nicht bedienbarer CAPTCHA, fehlerhafter Rollen/Regionen, teils unklarer Linkzwecke und fehlender Statusmeldungen ist die Screenreader‑Nutzung stark erschwert, aber nicht vollständig unmöglich.
Sehbehinderung Mit Hindernissen nutzbar
Mangelnder Reflow bei 400 % Zoom, schwacher Nicht-Text-Kontrast und teils unsichtbarer Fokus beeinträchtigen die Nutzung, während Grundfunktionen noch zugänglich bleiben.
Hörbehinderung Weitgehend zugänglich
Es werden keine spezifischen Probleme mit Audioinhalten oder Untertiteln genannt, sodass gehörlose Nutzende die im Wesentlichen textbasierten Inhalte überwiegend gut nutzen können.
Motorische Behinderung Kaum nutzbar
Schwere Tastaturprobleme (nicht fokusierbare Paginierung, nicht auslösbarer Hamburger-Button, unzureichende Fokusführung) schränken reine Tastatur- oder Hilfsmittelnutzung deutlich ein.
Lernbehinderung Mit Hindernissen nutzbar
Redundante Screenreader-Ausgaben, unklare Fehlermeldungen und unstrukturierte Filterbereiche können Orientierung und Fehlerkorrektur erschweren, die Seite bleibt aber grundsätzlich verständlich.
Neurodivergenz Mit Hindernissen nutzbar
Unklare Fokusführung, viele unnötige Tabschritte und teils verwirrende ARIA-Ausgaben können Konzentration und Orientierung beeinträchtigen, ohne die Nutzung vollständig zu verhindern.
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.184 (Offizieller Build) (64-Bit)
- Screenreader
- NVDA 2024.1
- Tools
- Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
Veränderung nach WCAG-Kriterien
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 01.09.2025 | Vereinfachte Überwachung | Nein | 27 | 0 | 0 |
| 24.06.2024 | Vereinfachte Überwachung | Nein | 17 | 3 | 34 |
| 10.03.2021 | Vereinfachte Überwachung | Nein | 18 | 3 | 34 |
-
-
https://www.profamilia.de/suchen?tx_animatesolr_pi1[action]=searchform&tx_animatesolr_pi1[controller]=Solrclient&tx_animatesolr_pi1[sword]=schwangerschaft&tx_animatesolr_pi1[facet]=undefined&tx_animatesolr_pi1[start]=0 ⓘ Weitere Gutachten vorhanden
-
https://www.profamilia.de/menue-kopfzeile/kontakt ⓘ Weitere Gutachten vorhanden
-
https://www.profamilia.de/themen/kinderwunsch
-
https://www.profamilia.de/themen/ungewollt-schwanger ⓘ Weitere Gutachten vorhanden
-
https://www.profamilia.de/fileadmin/publikationen/Fachpublikationen/Verhuetung/Doku_FG_nicht-hormon-Verhue_2024-07-12_final.pdf
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalt | nicht bestanden | Die visuelle CAPTCHA-Lösung wird ohne alternative Ausgabemodalitäten angeboten, sodass blinde und sehbehinderte Nutzende den Code nicht erfassen oder eingeben können; es wird empfohlen, barrierefreie CAPTCHA-Verfahren oder andere sinnunabhängige Sicherheitsmaßnahmen einzusetzen. |
| Info und Beziehungen | nicht bestanden | Die Navigationselemente „Sprachformen“ und „Sprachen“ sind zwar mit aria-label ausgezeichnet, werden aber von Screenreadern nicht korrekt ausgegeben; eine Vermeidung verschachtelter <nav>-Elemente oder zusätzliche Überschriften/aria-labelledby sollen die Regionen besser erkennbar machen. |
| Info und Beziehungen | nicht bestanden | Innerhalb der Sprachformen-Navigation erfolgt die Auszeichnung mit role="menu"/"menuitem", wodurch der Screenreader irrtümlich eine Menüstruktur mit nur einem Eintrag ansagt; die Lösung liegt in der Rückkehr zu nativen Listenelementen ohne ARIA-Menüs. |
| Info und Beziehungen | nicht bestanden | Die Sprachwahl nutzt role="menu"/"menuitem", obwohl es sich um einfache Linklisten handelt; ARIA-Rollen sollten entfernt und native HTML-Strukturen verwendet werden, damit Screenreader die Navigation verständlich ankündigen. |
| Info und Beziehungen | nicht bestanden | Das Hauptmenü weist inkonsistente Rollenzuweisungen auf (nur der Link „Jugendliche“ nutzt role="menuitem"), was zu fehlerhaften Ansagen wie „1 von 1“ führt; entweder konsequente Rollen oder der Verzicht auf ARIA-Menüs ist erforderlich. |
| Info und Beziehungen | nicht bestanden | Datumsangaben im Newsbereich sind nur als generische Container (<div>) umgesetzt; stattdessen soll das <time>-Element mit datetime verwendet werden, damit assistive Technologien die Informationen als Zeitangaben erkennen können. |
| Info und Beziehungen | nicht bestanden | Der Footer ist rein visuell strukturiert und nicht als Navigation ausgezeichnet; ein <nav> mit aria-label z. B. "Fußbereich" macht diese Landmarke für Screenreader auffindbar. |
| Info und Beziehungen | nicht bestanden | Die Social-Media-Links im Footer bilden eine funktionale Gruppe, sind aber nicht semantisch als Navigation ausgezeichnet; ein <nav> mit sprechendem aria-label (z. B. "Social Media") verbessert die Orientierung. |
| Info und Beziehungen | nicht bestanden | Die Filterfunktionen in der Suchstichprobe besitzen keine Überschrift oder Gruppierung; durch fieldset/legend, eine Überschrift oder aria-labelledby sollte der Bereich als zusammengehörige Funktion erkennbar gemacht werden. |
| Info und Beziehungen | nicht bestanden | Die Sprunglinks tragen role="menu"/"menuitem", wodurch Screenreader sie wie ein interaktives Menü mit Positionsangaben wie "1 von 3" ausgeben; die Rollenattribute sollten entfernt und einfache <ul>/<li>-Strukturen verwendet werden. |
| Automatischer Umbruch (Reflow) | nicht bestanden | Bei 400 % Zoom und 1280 CSS-Pixeln Fensterbreite sind Inhalte nur mit horizontalem Scrollen sichtbar; flüssige Layouts mit flexiblen Breiten und ohne feste Positionen sollen vollständige Wahrnehmbarkeit ohne Scrollen gewährleisten. |
| Nicht-Text-Kontrast | nicht bestanden | Die Rahmen der Eingabefelder im Kontaktformular haben ein Kontrastverhältnis von etwa 1,3:1 zum Hintergrund; der Kontrast sollte mindestens 3:1 betragen, inklusive des Sucheingabefelds der Suche-Seite. |
| Tastatur | nicht bestanden | Die Seitenpaginierung besteht aus Links ohne href, wodurch sie nicht fokussierbar oder aktivierbar ist; alle Seitenlinks benötigen gültige hrefs oder alternative interaktive Elemente mit Tastatursteuerung. |
| Tastatur | nicht bestanden | Der Hamburger-Menü-Schalter kann nicht per Tastatur ausgelöst werden, vermutlich aufgrund fehlender href/keyboard-Events; er sollte durch ein fokussierbares Element (z. B. <button>) mit Tastaturauslösung und sichtbarem Fokus aktiviert werden können. |
| Blöcke überspringen | nicht bestanden | Die Sprunglinks sind zwar vorhanden, aber bei Fokussierung nicht sichtbar, sodass Tastaturnutzende sie nicht erkennen oder nutzen können; eine deutlich sichtbare Hervorhebung mit ausreichend Kontrast ist erforderlich. |
| Fokus-Reihenfolge | nicht bestanden | Der Schnell-Einstieg besitzt keinen Fokusfang, sodass Fokus/Tastaturnutzende ihn unbeabsichtigt verlassen können; nach dem Öffnen sollte der Fokus innerhalb des Bereichs gehalten und der Austritt nur über einen klaren Schließen-Schalter möglich sein. |
| Linkzweck (im Kontext) | nicht bestanden | Im Bereich „Unsere Themen“ führen sowohl Linktext als auch identisches <title> innerhalb eines SVG zu doppelter Screenreader-Ausgabe; entfernen Sie das redundante <title> oder zeichnen Sie das SVG mit aria-hidden="true" aus. |
| Linkzweck (im Kontext) | nicht bestanden | Der Link „Mail-Beratung“ hat sichtbaren Text, title-Attribut und SVG-<title> mit identischem Inhalt, was zu mehrfacher Ansage führt; entfernen Sie doppelte Beschriftungen, z. B. title-Attribut oder SVG-<title>. |
| Linkzweck (im Kontext) | nicht bestanden | Die Seitenlinks der Paginierung bestehen nur aus Zahlen („1“, „2“, „3“), sodass Screenreader-Nutzende den Zweck nicht erkennen; ergänzen Sie aria-labels (z. B. "Seite 1") oder visuell versteckte Texte. |
| Linkzweck (im Kontext) | nicht bestanden | In der Akkordeonstruktur werden Überschriften und Buttons mit gleichen Bezeichnungen sowie aria-description verwendet, was zu redundanter Ausgabe führt; verwenden Sie einzig Buttons mit semantischer Auszeichnung und verzichten auf aria-description, da aria-expanded den Zustand bereits kommuniziert. |
| Fokus sichtbar | nicht bestanden | Die Links „Beratung vor Ort“ und „Mail-Beratung“ erhalten beim Tastaturfokus keinen deutlich erkennbaren Indikator; ein kontrastreicher Fokuszustand mit z. B. kräftiger Umrandung oder Hintergrundfarbe (mindestens 3:1) ist erforderlich. |
| Beschriftungen (Labels) oder Anweisungen | nicht bestanden | Die Pflichtfeldkennzeichnung im Kontaktformular erscheint allein durch ein Sternchen an den Eingabefeldern, aber im Vorfeld fehlt eine Erklärung; fügen Sie eine Erläuterung hinzu oder integrieren Sie den Hinweis direkt in das Label (z. B. "E-Mail-Adresse (Pflichtfeld)"). |
| Beschriftungen (Labels) oder Anweisungen | nicht bestanden | Das Pflichtfeld „Spamschutz“ ist nur programmatisch als required markiert, aber visuell fehlt das Sternchen; integrieren Sie ein sichtbares Zeichen im Label (z. B. * mit aria-hidden="true"), damit auch sehende Nutzende das Feld als Pflicht erkennen. |
| Vorschlag bei Fehler | nicht bestanden | Beim ungültigen E-Mail-Eingabefeld wird nur eine Fehlermeldung gezeigt, aber kein Hinweis zur Korrektur (z. B. „name@domain.de“); ergänzen Sie eine konkrete Anleitung zur Bereinigung. |
| Name, Rolle, Wert | nicht bestanden | Die Vorschlagliste der Suche gibt den vollständigen Inhalt aller Treffer automatisch über aria-live aus, ohne kurze Statusmeldung; stattdessen sollte eine kompakte Meldung wie "9 Vorschläge gefunden" wiedergegeben und die Vorschläge mit korrekt fokussierbaren Rollen (z. B. listbox/option) versehen werden. |
| Name, Rolle, Wert | nicht bestanden | Der Schnell-Einstiegsschalter trägt immer das aria-label „Öffnet den Schnell-Einstieg“, auch wenn er schließt, was den Status verschleiert; passen Sie die Beschriftung dynamisch (z. B. aria-label="Schließt den Schnell-Einstieg" oder nutzen Sie aria-expanded plus sichtbaren Text). |
| Name, Rolle, Wert | nicht bestanden | In der Navigation fehlt aria-current="page" für den aktiven Menüpunkt, sodass assistive Technologien die aktuelle Position nicht erkennen; versehen Sie den jeweils aktiven Link mit aria-current="page". |
Nicht anwendbar
| Kriterium | Status | Notizen |
|---|---|---|
| Fokus-Reihenfolge | nicht anwendbar | In Suchergebnislisten wird für jeden Treffer ein vollständiger Breadcrumb mit mehreren Links ausgegeben, was zu unnötig vielen Tabschritten führt; stattdessen sollte nur der eigentliche Treffer verlinkt und der Pfad als nicht interaktiver Text dargestellt werden. |
|
Hinweise auf weitere vorhandene Informationen in Deutscher Gebärdensprache
Zusatzkriterien: Deutsche Gebärdensprache
|
nicht anwendbar | Für Inhalte in Deutscher Gebärdensprache fehlen Hinweise darauf, wo zusätzliche Materialien zu finden sind; auch wenn nicht verpflichtend, wird dies im Sinne barrierearmer Nutzerführung empfohlen. |
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.