Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen

www.profamilia.de

Website nicht konform Prüfung vom 01.09.2025 ID: #1092
Gesundheit Familie private Organisation
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
pro familia Deutsche Gesellschaft für Familienplanung, Sexualpädagogik und Sexualberatung e. V.
Prüforganisation
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Stadt
Berlin
Prüfart
Vereinfachte Überwachung

Technische Umgebung

  • OS: Windows 11
  • Browser: Chrome Version 138.0.7204.184 (Offizieller Build) (64-Bit)
  • Screenreader: NVDA 2024.1
  • Auflösung:
  • Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
Captcha ohne barrierefreie Alternative Auf der Website wird eine visuelle Sicherheitsabfrage eingesetzt, für die keine gleichwertige Alternative angeboten wird. Wer den Inhalt nicht sehen oder zuverlässig erkennen kann, kann diese Hürde nicht selbstständig lösen. Ich kann bestimmte Formulare oder geschützte Bereiche nicht abschließen, obwohl ich die Inhalte eigentlich nutzen möchte. Ohne Hilfe von außen komme ich an dieser Stelle nicht weiter. Melden
Hauptmenü per Tastatur nicht bedienbar Der Hamburger-Schalter für das Hauptmenü lässt sich nicht mit der Tastatur auslösen. Damit ist die Navigation auf kleineren Ansichten oder bei Tastaturnutzung nicht zuverlässig erreichbar. Ich kann das Menü nicht öffnen und damit zentrale Seiteninhalte oder Bereiche nicht erreichen. Für mich fühlt sich die Website an dieser Stelle wie abgeschnitten an. Melden
Seitennummern der Paginierung nicht aktivierbar Die Seitenpaginierung besteht aus Links ohne gültige Zieladresse und ist dadurch nicht zuverlässig fokussier- oder aktivierbar. Wer die Tastatur nutzt, kann zwischen den Ergebnis- oder Inhaltsseiten nicht sauber wechseln. Ich kann weitere Seiten von Treffern oder Inhalten nicht aufrufen. Dadurch bleibt mir ein Teil der Ergebnisse verborgen. Melden

Hinweis: Diese Einschätzung 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.

Getestete Angebote

Webangebot öffnen

Gutachten-Historie

Vergleich

Prüfergebnisse je Datum

01.09.2025 Vereinfachte Überwachung
angezeigtes 27 nicht bestanden 0 weitgehend 0 bestanden
24.06.2024 Vereinfachte Überwachung
17 nicht bestanden 3 weitgehend 34 bestanden
10.03.2021 Vereinfachte Überwachung
18 nicht bestanden 3 weitgehend 34 bestanden
  • https://www.profamilia.de/ ⓘ
  • 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 ⓘ
  • https://www.profamilia.de/menue-kopfzeile/kontakt ⓘ
  • https://www.profamilia.de/themen/kinderwunsch
  • https://www.profamilia.de/themen/ungewollt-schwanger ⓘ
  • https://www.profamilia.de/fileadmin/publikationen/Fachpublikationen/Verhuetung/Doku_FG_nicht-hormon-Verhue_2024-07-12_final.pdf

Empfehlung & Status

Die dokumentierten Verstöße (u. a. fehlende Alternativen zu CAPTCHA, fehlerhafte ARIA-Rollen, mangelhafte Tastaturbedienbarkeit und fehlende Statusmeldungen) sollten anhand der konkreten Empfehlungen korrigiert werden, um die BITV-Konformität wiederherzustellen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.1.1.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.3.1
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.
9.1.4.10
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.
9.1.4.11
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.
9.2.1.1
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.
9.2.1.1
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.
9.2.4.1
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.
9.2.4.3
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.
9.2.4.4
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.
9.2.4.4
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>.
9.2.4.4
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.
9.2.4.4
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.
9.2.4.7
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.
9.3.3.2
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)").
9.3.3.2
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.
9.3.3.3
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.
9.4.1.2
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.
9.4.1.2
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).
9.4.1.2
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
9.2.4.3
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.