Staatliches Gutachten zur digitalen Barrierefreiheit

www.sexualaufklaerung.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale Screenreader- und Strukturprobleme (Alt-Texte, Überschriftenstruktur, Name/Rolle/Wert, Fokusreihenfolge, PDF-Tags) erschweren Nutzung deutlich, machen sie aber nicht komplett unmöglich.

Sehbehinderung Mit Hindernissen nutzbar

Grundfunktionen wie Zoom, Reflow und weitgehend ausreichende Textkontraste sind gegeben, aber schwacher Fokus, Formularkontraste und einzelne PDF-Kontrastprobleme schränken die Nutzbarkeit merklich ein.

Hörbehinderung Fast barrierefrei

Multimedia ist praktisch nicht vorhanden bzw. nicht relevant, die Inhalte sind textbasiert und Gebärdensprach-Video sowie Leichte Sprache sind vorhanden, wodurch nur geringe Einschränkungen bestehen.

Motorische Behinderung Mit Hindernissen nutzbar

Tastaturbedienung ist grundsätzlich möglich, jedoch sind ESC-Bedienung, nicht erreichbare Elemente und schwer sichtbarer Fokus für rein tastatur- oder hilfsmittelbedienende Nutzer deutlich hinderlich.

Lernbehinderung Weitgehend zugänglich

Konsistente Navigation, Leichte Sprache und fehlende Zeitdruck- oder Animationsprobleme helfen, während unklare Linkbeschriftungen, Karussell-Steuerung und Formularfehlerbehandlung die Verständlichkeit etwas beeinträchtigen.

Neurodivergenz Weitgehend zugänglich

Ruhige, nicht blinkende Inhalte und keine erzwungenen Kontextwechsel sind positiv, aber nicht schließbare Mouseover-Menüs, Karussell-Steuerung und teils redundante Fokuswege können Konzentration und Orientierung stören.

Dokumentierte Barrieren

  • Fehlermeldungen im Formular werden für Screenreader nicht zuverlässig vermittelt

    Bei einer ungültigen E-Mail wird die Fehlermeldung beim Fokus auf das Feld nicht vom Screenreader ausgegeben, und fehlerhafte Felder sind nicht korrekt als fehlerhaft markiert. Dadurch ist die Fehlererkennung im Formular eingeschränkt.

    Auswirkung: Ich merke unter Umständen nicht, warum das Formular nicht abgeschickt werden kann. Dann muss ich den Fehler selbst suchen und verliere Zeit oder breche die Aufgabe ab.

  • Seitenanfang-Schaltfläche ist mit Tastatur nicht nutzbar

    Die Schaltfläche für den Seitenanfang ist per Tastatur nicht erreichbar und wird vom Screenreader ohne verständlichen Namen und ohne Rolle ausgegeben. Damit ist sie für reine Tastaturnutzung praktisch nicht bedienbar.

    Auswirkung: Ich kann nicht zuverlässig zum Seitenanfang springen, wenn ich diese Funktion brauche. Das kostet mich Zeit und kann die Navigation auf langen Seiten deutlich erschweren.

  • Verlinkte Inhalte haben teils keinen sichtbaren Tastaturfokus

    Auf einigen Links ist der Fokus nicht sichtbar, etwa bei einer verlinkten Grafik und in den Copyright-Links. Dadurch ist nicht erkennbar, welches Element gerade aktiv ist.

    Auswirkung: Ich weiß beim Tabben nicht, wo ich mich gerade befinde. Das erhöht das Risiko von Fehlbedienungen und macht die Navigation unnötig mühsam.

  • PDF-Dokumente sind semantisch und lesetechnisch nicht sauber aufbereitet

    Das PDF ist nicht PDF/UA-konform, und Struktur sowie Lesereihenfolge sind fehlerhaft. Dadurch können Überschriften, Tabellen und Textzusammenhänge für Hilfstechnologien verloren gehen.

    Auswirkung: Ich kann Inhalte im PDF schwerer nachvollziehen und einzelne Informationen möglicherweise nicht in der richtigen Reihenfolge erfassen. Besonders bei längeren Dokumenten wird das Lesen deutlich anstrengender.

  • Screenreader erhält unklare oder fehlende Namen bei wichtigen Bedienelementen

    Einige Bedienelemente und Links sind nicht sauber mit ihren Beschriftungen verbunden oder werden nur über Titelattribute beschrieben. Dazu gehören unter anderem grafische Links, die Navigation und die Schaltfläche zum Seitenanfang.

    Auswirkung: Ich kann nicht sicher erkennen, welches Element ich gerade anwähle oder wohin ein Link führt. Dadurch wird die Orientierung schwer und ich kann Funktionen leichter versehentlich falsch bedienen.

  • Schwache Kontraste bei Fokus und Formularrückmeldungen

    Mehrere visuelle Hinweise sind zu schwach kontrastiert, etwa die Fokusmarkierung, Feldrahmen und grüne oder rote Eingabezustände. Auch der Text „Friendly Captcha“ ist schwer genug vom Hintergrund zu unterscheiden.

    Auswirkung: Ich erkenne nicht zuverlässig, welches Element gerade aktiv ist oder ob eine Eingabe korrekt war. Besonders bei Formularen kann ich dadurch leicht den Überblick verlieren.

  • Untermenü lässt sich per Tastatur nicht bequem schließen

    Ein per Mouseover eingeblendetes Untermenü kann nicht mit der ESC-Taste geschlossen werden. Dadurch bleibt das Menü unter Umständen offen, obwohl ich es schließen möchte.

    Auswirkung: Ich muss zusätzliche Umwege machen, um wieder zum eigentlichen Inhalt zu kommen. Das stört besonders, wenn ich mit Tastatur oder Hilfsmitteln schnell navigieren will.

  • Unnötige Tabschritte und fehlerhafte Fokusführung im Formular

    Auf der Startseite führen Überschrift und Link in Teasern doppelt zum selben Ziel, wodurch zusätzliche Tabschritte entstehen. Im Formular springt der Fokus bei einer fehlerhaften E-Mail nicht direkt ins fehlerhafte Feld.

    Auswirkung: Ich brauche länger, um relevante Inhalte zu erreichen, und kann Fehler schlechter direkt korrigieren. Das ist besonders für Tastaturnutzende oder Screenreader-Nutzende lästig.

  • Fehlende Hauptüberschrift erschwert die Seitenorientierung

    Die Seiten beginnen nicht mit einer Hauptüberschrift, sondern mit tieferen Überschriftenebenen. Außerdem sind die Navigationsbereiche nicht eindeutig benannt.

    Auswirkung: Ich kann den Aufbau der Seite schlechter erfassen und Inhalte schwerer in eine logische Reihenfolge einordnen. Gerade beim schnellen Überfliegen oder mit Screenreader kostet mich das mehr Zeit und Aufmerksamkeit.

  • Linkziele sind in der Seitennavigation und Pagination nicht eindeutig

    Einige Links sind nur mit Symbolen wie „<<“ oder „>>“ beschriftet oder haben nur allgemeine Bezeichnungen wie „Vorherige“ und „Nächste“. Dadurch ist nicht immer klar, wohin ein Link führt.

    Auswirkung: Ich muss stärker raten, bevor ich einen Link auswähle. Das erhöht die Gefahr, die falsche Seite zu öffnen oder wichtige Inhalte zu übersehen.

  • Aktiver Menüpunkt ist für Screenreader nicht erkennbar

    Der aktuell aktive Link in der Hauptnavigation wird programmatisch nicht als aktiv übermittelt. Für Screenreader-Nutzende bleibt damit verborgen, auf welcher Seite sie sich gerade befinden.

    Auswirkung: Ich kann mich im Navigationsbaum schlechter orientieren und weiß nicht sicher, welcher Bereich gerade geöffnet ist. Das erschwert besonders das springende Navigieren zwischen Seiten.

  • Screenreader liest dekorative oder falsch ausgezeichnete Grafiken störend vor

    Einige grafische Elemente werden beim linearen Lesen als „leer“ ausgegeben, weil sie nicht passend ausgezeichnet sind. Dadurch entstehen unnötige Ansagen mitten im Inhalt.

    Auswirkung: Ich werde beim Lesen unterbrochen und muss mehr Inhalte abhören, als tatsächlich wichtig sind. Das verlangsamt mich und macht die Nutzung anstrengender.

  • Formularfelder können nicht zuverlässig per Autofill erkannt werden

    Die Eingabefelder für Nutzerdaten sind nicht mit autocomplete ausgezeichnet. Damit fehlen bekannte Hinweise für Browser und Hilfstechnologien, um typische Eingaben zu unterstützen.

    Auswirkung: Ich muss Daten häufiger manuell eingeben und profitiere weniger von gespeicherten Angaben. Das macht Formulare langsamer und fehleranfälliger.

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
Browser
Google Chrome 138.0.7204.184
Screenreader
NVDA 2025.1.2
Tools
Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)
  • https://www.sexualaufklaerung.de/ Web-Angebot öffnen
  • https://www.sexualaufklaerung.de/suche/?tx_solr%5Bq%5D=Familie
  • https://www.sexualaufklaerung.de/ueber-das-portal/service-und-kontakt/kontakt/
  • https://www.sexualaufklaerung.de/forschung/forschungsfeldern/ungeplante-/-ungewollte-schwangerschaften/
  • https://www.sexualaufklaerung.de/fileadmin/user_upload/02_FORUM/FORUM_deutsch/2024/Ausgabe_1/Forum_2024-1_Infothek.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 1.1.1
Nicht-Text-Inhalte besitzen Alternativtexte 		nicht bestanden Alle Seiten: Der alt-Text des 1. Logos im Header entspricht nicht genau dem Logotext. Alle Seiten: Icons, die rein visuellen Zwecken dienen und Linktexten vorangestellt sind, fehlt die notwendige Kennzeichnung mit aria-hidden. Alle Seiten: Einige grafische Links, bspw. das Haus-Icon im Breadcrumb, sind nur über ein title-Attribut beschriftet.
WCAG 1.3.1
Informationen, Struktur und Beziehungen sind identifizierbar 		nicht bestanden Suchseite: Das Kombinationsfeld ist nicht mit der Beschriftung "Ergebnisse pro Seite" verknüpft. Formularseite: Die Tabelle unter "Zusammenfassung" beim nächsten Schritt sind nicht mit Zeilenüberschriften strukturiert. Alle Seiten: Die Seiten beginnen mit einer Überschrift der Ebene 3, bzw. Ebene 2 und haben keine Hauptüberschrift. Alle Seiten: Die Navigationsbereiche sind nicht eindeutig mit aria-label beschriftet.
WCAG 1.3.2
Sinnvolle Lesereihenfolge ist gegeben 		nicht bestanden Alle Seiten außer Formularseite: Beim linearen Lesen werden die Grafiken (Datensatztyp) in den Teaserelementen oben rechts vom Screenreader mit "leer" ausgegeben, da das übergeordnete div-Element den Alternativtext nur über ein title-Attribut ausgibt.
WCAG 1.3.5
Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar 		nicht bestanden Formularseite: Die Eingabefelder für die Nutzerdaten sind nicht mit dem autocomplete-Attribut ausgezeichnet.
WCAG 1.4.11
Kontrastabstand von Nicht-Text-Inhalten ist ausreichend 		nicht bestanden Formularseite: Der Kontrast der Rahmen der Formularfelder sind nicht ausreichend. Formularseite: Die grüne und rote Hervorhebung der Eingabefelder bei korrekter und falscher Eingabe ist schlecht wahrnehmbar, weil der Kontrast zur Hintergrundfarbe zu gering ist. Alle Seiten: Der Fokus ist auf einigen interaktiven Elementen schlecht sichtbar, weil der Kontrast des schwarzen Rahmens zum dunkelblauen Hintergrund zu gering ist.
WCAG 1.4.13
Bei Fokussierung eingeblendete Inhalte sind steuerbar 		nicht bestanden Alle Seiten: Das über Mouseover eingeblendete Untermenü lässt sich nicht mit der ESC-Taste schließen.
WCAG 2.1.1
Tastaturbedienbarkeit ist gegeben 		nicht bestanden Alle Seiten: Der Menü-Dialog kann nicht mit ESC geschlossen werden. Alle Seiten: Die Schaltfläche für den Seitenanfang ist mit der Tastatur nicht erreichbar und bedienbar.
WCAG 2.4.2
Titel beschreiben Thema oder Zweck 		nicht bestanden Startseite: Die individuelle Bezeichnung der Seite und die Bezeichnung des Webauftritts ist identisch. Es fehlt, dass es sich um die Startseite handelt.
WCAG 2.4.3
Fokusreihenfolge ist aufgabenangemessen 		nicht bestanden Startseite: Auf einigen Teasern erhalten die Überschrift und ein Link den Fokus. Beide Links führen zum selben Linkziel. Das sind unnötige Tabschritte. Formularseite: Wird nur eine fehlerhafte E-Mail eingegeben und das Formular abgesendet, wird der Fokus nicht in das fehlerhafte Feld gesetzt, sondern an den Anfang des Formulars.
WCAG 2.4.4
Linkzweck ist verständlich (im Kontext) 		nicht bestanden Suchseite: Links in der Pagination sind nur über "<<" oder ">>" nicht aussagekräftig beschriftet.
WCAG 2.4.7
Tastaturfokus ist sichtbar 		nicht bestanden Inhaltsseite: Der Fokus ist auf der verlinkten Grafik "ReWiks Plattform" nicht sichtbar. Alle Seiten: Der Fokus ist auf den 5 Links im Copyright-Container nicht sichtbar.
WCAG 3.1.2
Abweichende Sprache einzelner Abschnitte ist ausgezeichnet 		nicht bestanden Alle Seiten: Die Schaltfläche für den Seitenanfang ist mit einer englischen title-Attribut "Scroll Back to Top" beschriftet.
WCAG 3.3.1
Fehlermeldungen sind in Textform vorhanden 		nicht bestanden Formularseite: Die Fehlermeldung für eine ungültige E-Mail-Adresse wird bei Fokussierung des fehlerhaften Feldes vom Screenreader nicht ausgegeben. Fehlerhafte Felder sind programmatisch nicht mit aria-invalid ausgezeichnet.
WCAG 4.1.2
Name, Rolle und Wert sind identifizierbar 		nicht bestanden Inhaltsseite: Der Status des aktiven Links in der Hauptnavigation ist für Screenreader-Nutzer nicht wahrnehmbar, weil dieser programmatisch nicht übermittelt wird. Alle Seiten: Die Schaltfläche für den Seitenanfang wird vom Screenreader ohne einen Namen und einer Rolle ausgegeben.
A.2
Erklärung zur Barrierefreiheit wurde formal geprüft 		nicht bestanden Das Datum der Erstellung ist älter als ein Jahr.
B.1
PAC3 Test ergibt PDF/UA-konform 		nicht bestanden –
WCAG 1.3.1
Infos und Beziehungen 		nicht bestanden Ist das PDF-Dokument semantisch korrekt strukturiert (keine leeren Absätze, Überschriften, Tabellen, Listen, Links, Fußnoten etc.)?
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Korrekte Lesereihenfolge? Relevante, informationstragende Texte in der Struktur enthalten?
WCAG 1.4.3
Kontrast (Minimum) 		nicht bestanden Mindeskontrastwert zwischen Text und Hintergrund mindestens 4,5:1 bzw. 3:1 bei großen Schriften?

Im Wesentlichen bestanden

Kriterium Status Notizen
WCAG 1.4.3
Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) 		im Wesentlichen bestanden Formularseite: Das Kontrastverhältnis des grauen Textes "Friendly Captcha" auf hellgrauen Hintergrund ist mit 4,48:1 zu gering.
WCAG 2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		im Wesentlichen bestanden Startseite: Die Pfeil-Buttons beim Karussell-Slider sind mit "Vorherige" und "Nächste" nicht aussagekräftig beschriftet.

Bestanden

Kriterium Status Notizen
WCAG 1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden –
WCAG 1.3.4
Bildschirmausrichtung ist änderbar 		bestanden –
WCAG 1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden –
WCAG 1.4.4
Schriftgröße kann angepasst werden 		bestanden –
WCAG 1.4.10
Inhalte brechen in einspaltiges Layout um 		bestanden –
WCAG 1.4.12
Textabstände sind anpassbar 		bestanden –
WCAG 2.1.2
Tastaturfallen sind nicht vorhanden 		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.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden –
WCAG 2.5.3
Label enthält sichtbare Beschriftung 		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.3
Navigation ist konsistent aufgebaut 		bestanden –
WCAG 3.2.4
Elemente sind konsistent bezeichnet 		bestanden –
WCAG 3.3.2
Label enthalten Eingabehinweise 		bestanden –
WCAG 3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden –
WCAG 4.1.3
Statusmeldungen werden ohne Fokussierung ausgegeben 		bestanden –
A.1
Erklärung zur Barrierefreiheit ist vorhanden 		bestanden –
A.3
Leichte Sprache ist vorhanden 		bestanden –
A.4
Gebärdensprache-Video ist vorhanden 		bestanden –
WCAG 1.1.1
Nicht-Text-Inhalt 		bestanden –
WCAG 1.4.11
Nicht-Text-Kontrast 		bestanden Kontraste von informationstragenden Grafiken beträgt mindestens 3:1 zu angrenzenden Farben?

Nicht anwendbar

Kriterium Status
WCAG 1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		nicht anwendbar
WCAG 1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht anwendbar
WCAG 1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht anwendbar
WCAG 1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		nicht anwendbar
WCAG 1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		nicht anwendbar
WCAG 1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		nicht anwendbar
WCAG 2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		nicht anwendbar
WCAG 2.2.1
Zeitbegrenzungen sind steuerbar 		nicht anwendbar
WCAG 2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht anwendbar
WCAG 2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		nicht anwendbar
WCAG 2.5.4
Bewegungsaktivierung ist verzichtbar 		nicht anwendbar
WCAG 3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		nicht anwendbar

Nicht geprüft

Kriterium Status
WCAG 4.1.1
Syntaxspezifikationen sind erfüllt 		nicht geprüft

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