Staatliches Gutachten zur digitalen Barrierefreiheit
www.organspende-info.de
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Mit Hindernissen nutzbar
Mehrere zentrale WCAG‑A-Verstöße bei Alternativtexten, Struktur, Lesereihenfolge, Name/Rolle/Wert und gravierende Tastaturprobleme (v. a. Menü) schränken Screenreader-Nutzung deutlich ein, machen Inhalte aber nicht vollständig unzugänglich.
Sehbehinderung Mit Hindernissen nutzbar
Teilweise zu geringe Kontraste, Probleme bei 400 % Zoom und nicht steuerbare Hover-Inhalte beeinträchtigen die Nutzung, während Textvergrößerung und grundlegende Struktur weitgehend funktionieren.
Hörbehinderung Weitgehend zugänglich
Untertitel sind vorhanden und es gibt ein Gebärdensprachvideo, nur fehlende Textalternative zu einem Video schränkt einzelne Inhalte ein.
Motorische Behinderung Mit Hindernissen nutzbar
Wesentliche Bereiche wie Slider-Steuerung und Hamburger-Menü sind in wichtigen Ansichten nicht tastaturbedienbar und einige Overlays nur schwer steuerbar, wodurch die Nutzung mit Tastatur oder alternativen Eingaben stark erschwert ist.
Lernbehinderung Mit Hindernissen nutzbar
Leichte Sprache und konsistente Navigation helfen, aber unklare Fokusführung, unvollständige Fehlermeldungen und teils unlogische Überschriftenstruktur können Verständnis und Orientierung beeinträchtigen.
Neurodivergenz Mit Hindernissen nutzbar
Stabile Navigation und keine problematischen Animationen sind positiv, jedoch führen Fokusprobleme, schwer schließbare Overlays und Kontrastmängel zu erhöhter kognitiver Belastung.
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 139.0.7258.67
- Screenreader
- NVDA 2024.4.1.34550
- Auflösung
- Full HD - 1920 x 1080
- Tools
- Color Contrast Analyser (CCA), WCAG Color contrast checker, PDF Accessibility Checker (PAC), Chrome Web Developer Tools, NVDA Screenreader, Landmark Navigation (Chrome)
-
www.organspende-info.de Web-Angebot öffnen
-
https://www.organspende-info.de/suche/?tx_solr%5Bq%5D=Leber
-
https://www.organspende-info.de/kontakt/
-
https://www.organspende-info.de/organspendeausweis-infos-zum-ausfuellen/
-
https://www.organspende-info.de/fileadmin/Organspende/Footernavigation/FAQ/BZgA_FAQ_Organspende_Register.pdf
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalte besitzen Alternativtexte | nicht bestanden | Formularseite: Im Bereich "Auch interessant", besitzt das Bild im ersten Teaser keinen leeren alt-Text.; Alle Seiten: In der Metanavigation im Header werden die drei Icons vor den Links vom Screenreader mit ausgegeben.; Alle Seiten: Die alt-Texte der beiden Logos im Kopf- und Footerbereich entsprechen nicht genau den Logotexten.; Alle Seiten: Im Info-Layer werden die beiden Icons (vor den Buttons) vom Screenreader als "weißes Häkchen" und "Kreuzzeichen" mit ausgegeben.; Alle Seiten: Das "Hamburger"-Menü-Icon, im Header, besitzt keine Beschriftung. |
| Aufgezeichnete Video-Inhalte besitzen Alternativen | nicht bestanden | Inhaltsseite: Zu dem Video wird keine Alternative bereitgestellt. |
| Informationen, Struktur und Beziehungen sind identifizierbar | nicht bestanden | Startseite: Im Layer "Datenschutz" (geöffnet über den Button "Ihre Daten sind geschützt"), ist der visuell als Überschrift erkennbare Text "Datenschutz" nicht als solcher ausgezeichnet.; Inhaltsseite: Im Layer "Nutzungsbedingungen" (geöffnet über den Link "Film herunterladen") ist der visuell als Überschrift erkennbare Text "Nutzungsbedingungen" nicht als solcher ausgezeichnet.; Alle Seiten: Im Info-Layer "Helfen Sie uns, besser zu werden" sind mehrere Texte visuell als Überschriften erkennbar, diese sind aber im Quellcode nicht als Überschriften ausgezeichnet.; Hinweis: Startseite: In den Bereichen "Aktuelles und Nachrichten" und "Letzter Blogbeitrag" werden Überschriftenebenen übersprungen.; Hinweis: Suchseite: Auf der Seite ist keine H1 Überschrift vorhanden.; Hinweis: Suchseite: In den Suchergebnissen ist der Suchbegriff nur visuell hervorgehoben, jedoch nicht semantisch (z. B. mit dem <mark>-Element oder <strong>) ausgezeichnet. |
| Sinnvolle Lesereihenfolge ist gegeben | nicht bestanden | Startseite: In allen Slides werden alle Inhalte im linearen Lesemodus des Screenreaders ausgegeben und nicht nur die Inhalte der aktuell sichtbaren Slides.; Alle Seiten: Der Hinweis-Layer "Helfen Sie uns, besser zu werden", welcher die Inhalte überlagert, wird erst am Ende der Seite vom Screenreader ausgegeben. |
| Farbe ist nicht einziger Informationsträger | nicht bestanden | Suchseite: In den Suchergebnissen werden die Suchwörter gelb markiert. Die Markierung besitzt zum weißen Hintergrund nur einen Kontrastabstand von 1,2:1 und ist daher nicht gut sichtbar. |
| Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) | nicht bestanden | Inhaltsseite: Im Video besitzt der angezeigte Untertiteltext mit 3,3:1 ein zu geringes Kontrastverhältnis zur Hintergrundfarbe.; Alle Seiten: In der Hauptnavigtion hat der Link "Blog" und der Unterpunkt "Überblick" mit 3,1:1 ein zu geringes Kontrastverhältnis zum Hintergrund. |
| Inhalte brechen in einspaltiges Layout um | nicht bestanden | Suchseite: In der gezoomten (400%) und mobilen (320px) Ansicht wird der Text "Zur Suche Text hier eingeben" (über dem Sucheingabefeld), teilweise außerhalb des sichtbaren Bereichs angezeigt.; Inhaltsseite: In der gezoomten (400%) Ansicht sind in der Breadcrumbnavigation einige Texte nur teilweise sichtbar. Zudem werden im Untermenü (blauer Pfeil), Texte außerhalb des dafür vorgesehenen Rahmens angezeigt. |
| Kontrastabstand von Nicht-Text-Inhalten ist ausreichend | nicht bestanden | Startseite: Im zweiten Slider haben die jeweils nicht aktiven Paginierungspunkte ein zu geringes Kontrastverhältnis zum Hintergrund.; Inhaltsseite: Im Bereich "Es ist ganz einfach, einen Organspendeausweis auszufüllen", ist der Kontrast des Fokusrahmen auf dem "Schließen"-Element ("X") der Bildvergrößerung, mit 1,5:1 zu gering. |
| Bei Fokussierung eingeblendete Inhalte sind steuerbar | nicht bestanden | Suchseite: Auf der Seite kann der bei Mouseover und bei Erhalt des Tastaturfokus eingeblendete Tooltip am Link "BIÖG" nicht geschlossen werden, ohne den Mauszeiger bzw. den Tastaturfokus zu bewegen (z. B. durch Drücken der Escape-Taste).; Alle Seiten: Im Hauptmenü können die bei Mouseover eingeblendeten Untermenüs nicht geschlossen werden, ohne den Mauszeiger zu bewegen (z. B. durch Drücken der Escape-Taste). |
| Tastaturbedienbarkeit ist gegeben | nicht bestanden | Startseite: Die Paginierungspunkte des zweiten Sliders und die Paginierungspunkte der darin enthaltenen Slider sind mit der Tastatur nicht erreichbar.; Inhaltsseite: Im Bereich "Es ist ganz einfach, einen Organspendeausweis auszufüllen", ist das "Schließen"-Element ("X") der Bildvergrößerung mit der Tastatur nicht aktivierbar.; Alle Seiten: Bei 200% Zoom (Schriftvergrößerung) ist das "Hamburger"-Menü-Icon mit der Tastatur nicht erreichbar.; Alle Seiten: In der gezoomten (400%) und mobilen (320px) Ansicht ist das Hauptmenü ("Hamburger"-Menü-Icon) nicht tastaturbedienbar. |
| Titel beschreiben Thema oder Zweck | nicht bestanden | Suchseite: Im Titel der Seite fehlt der Suchbegriff nach einer erneuten Suche.; Inhaltsseite: Das Video (<video>) besitzt keinen beschreibenden Titel (title-Tag). |
| Fokusreihenfolge ist aufgabenangemessen | nicht bestanden | Startseite: Bei mehreren Bild-Text-Teasern erhalten zwei Links mit der Tabulatortaste den Fokus, welche auf das gleiche Ziel verweisen.; Startseite: Nach dem ersten Slider erhält der erste Teaser doppelt den Fokus.; Alle Seiten (außer Startseite): Nach der Breadcrumbnavigation erhält der komplette Inhaltsbereich den Fokus.; Suchseite: Der Fokus wird bspw. nach dem Ausführen einer erneuten Suche, oder nach dem Öffnen der nächsten Suchergebnisseite, an den Anfang der Seite und nicht z. B. auf den ersten Suchergebniseintrag bzw. das Sucheingabefeld gesetzt.; Formularseite: Im Bereich der Datenschutzerklärung ist die Fokusreihenfolge nicht korrekt, da zuerst der Link "Zur Datenschutzerklärung" den Fokus erhält und danach erst die Checkbox davor.; Alle Seiten: Der Hinweis-Layer "Helfen Sie uns, besser zu werden", welcher die Inhalte überlagert, erhält erst am Ende der Seite den Fokus. |
| Label enthalten Eingabehinweise | nicht bestanden | Inhaltsseite: Im Layer "Nutzungsbedingungen" (geöffnet über den Link "Film herunterladen") besitzt die Checkbox kein sichtbares und verknüpftes Label. |
| Name, Rolle und Wert sind identifizierbar | nicht bestanden | Startseite: Im zweiten Slider sind in den einzelnen Slides weitere Slider enthalten, hier ist mit dem Screenreader nicht erkennbar zu welchem Slider die Buttons "Zum vorherigen Bild wechseln" und "Zum nächsten Bild wechseln" genau gehören.; Startseite: Im zweiten Slider werden die Paginierungspunkte (auch die der enthaltenen Slider) vom Screenreader nur als "anklickbar" ausgegeben.; Formularseite: Am Ende des Formulars wird der Button "Nachricht absenden" noch zusätzlich als "Werkzeugleiste" vom Screenreader ausgegeben.; Inhaltsseite: Im Layer "Nutzungsbedingungen" (geöffnet über den Link "Film herunterladen") wird das "Schließen"-Element als "Kreuz"-Schalter vom Screenreader ausgegeben. |
|
B.1
PAC3 Test ergibt PDF/UA-konform
|
nicht bestanden | PAC3 Test ergibt PDF/UA-konform nicht bestanden. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Überschriften und Label beschreiben Thema oder Zweck | im Wesentlichen bestanden | Formularseite: Im Bereich "Auch interessant" werden die beiden Themenkacheln mit einer langen Beschriftung ausgegeben, da die Links neben der Themenbezeichnung zusätzlich eine Grafik sowie einen beschreibenden Text als Linktext enthalten. |
| Fehlermeldungen sind in Textform vorhanden | im Wesentlichen bestanden | Formularseite: In der Fehlermeldung wird das betroffene Feld nicht genannt. |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Aufgezeichnete Audio-Inhalte besitzen Untertitel | bestanden | – |
| Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich | bestanden | – |
| Bildschirmausrichtung ist änderbar | bestanden | – |
| Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar | bestanden | – |
| Schriftgröße kann angepasst werden | bestanden | – |
| Textabstände sind anpassbar | bestanden | – |
| Tastaturfallen sind nicht vorhanden | bestanden | – |
| Automatisch gestartete Animationen sind steuerbar | bestanden | – |
| Blitzen wird vermieden | bestanden | – |
| Wiederkehrende Bereiche können übersprungen werden | bestanden | – |
| Linkzweck ist verständlich (im Kontext) | bestanden | – |
| Seiten sind über verschiedene Möglichkeiten auffindbar | bestanden | – |
| Tastaturfokus ist sichtbar | bestanden | – |
| Zeiger-Eingaben können abgebrochen oder widerrufen werden | bestanden | – |
| Label enthält sichtbare Beschriftung | bestanden | – |
| Sprache ist ausgezeichnet | bestanden | – |
| Fokussierung führt nicht zu Kontextänderung | bestanden | – |
| Eingabe führt nicht zu Kontextänderung | bestanden | – |
| Navigation ist konsistent aufgebaut | bestanden | – |
| Elemente sind konsistent bezeichnet | bestanden | – |
| Fehlermeldungen enthalten Korrekturvorschläge | bestanden | – |
|
A.1
Erklärung zur Barrierefreiheit ist vorhanden
|
bestanden | Erklärung zur Barrierefreiheit ist vorhanden. |
|
A.2
Erklärung zur Barrierefreiheit wurde formal geprüft
|
bestanden | Erklärung zur Barrierefreiheit wurde formal geprüft. |
|
A.3
Leichte Sprache ist vorhanden
|
bestanden | Leichte Sprache ist vorhanden. |
|
A.4
Gebärdensprache-Video ist vorhanden
|
bestanden | Gebärdensprache-Video ist vorhanden. |
Nicht anwendbar
| Kriterium | Status |
|---|---|
| Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen | nicht anwendbar |
| Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen | nicht anwendbar |
| Automatisch abgespielte Audio-Inhalte sind steuerbar | nicht anwendbar |
| Schriftgrafiken sind anpassbar oder unverzichtbar | nicht anwendbar |
| Zeichen-Tastenkürzel sind abschaltbar oder anpassbar | nicht anwendbar |
| Zeitbegrenzungen sind steuerbar | nicht anwendbar |
| Komplexe Zeigerbedienung ist verzichtbar | nicht anwendbar |
| Bewegungsaktivierung ist verzichtbar | nicht anwendbar |
| Abweichende Sprache einzelner Abschnitte ist ausgezeichnet | nicht anwendbar |
| Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) | nicht anwendbar |
| Statusmeldungen werden ohne Fokussierung ausgegeben | nicht anwendbar |
Nicht geprüft
| Kriterium | Status | Notizen |
|---|---|---|
| Syntaxspezifikationen sind erfüllt | nicht geprüft | – |
| Nicht-Text-Inhalt | nicht geprüft | Sind bei informationstragenden Grafiken sinnvolle Alternativtexte vorhanden? Sind dekorative Grafiken als solche ausgezeichnet? |
| Infos und Beziehungen | nicht geprüft | Ist das PDF-Dokument semantisch korrekt strukturiert (keine leeren Absätze, Überschriften, Tabellen, Listen, Links, Fußnoten etc.)? |
| Bedeutungsvolle Reihenfolge | nicht geprüft | Korrekte Lesereihenfolge? Relevante, informationstragende Texte in der Struktur enthalten? |
| Kontrast (Minimum) | nicht geprüft | Mindest-Kontrastwert zwischen Text und Hintergrund mindestens 4,5:1? Für Schriftgrößen ab 18pt oder 14pt Fettdruck sollte ein Mindest-Kontrast von 3:1 verwendet werden. |
| Nicht-Text-Kontrast | nicht geprüft | Kontraste von informationstragenden Grafiken beträgt mindestens 3:1 zu angrenzenden Farben? |
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.