10
gefundene Barrieren
7,6/10
Ø Schwere
Staatliches Gutachten zur digitalen Barrierefreiheit
www.blutspenden.de/
Nutzbarkeit mit unterschiedlichen Behinderungen
Blindheit Mit Hindernissen nutzbar
Zahlreiche Screenreader-Probleme bei Struktur, Alternativtexten, Formularen, Navigation und Fokus erschweren den Zugang deutlich, machen ihn aber nicht völlig unmöglich.
Sehbehinderung Mit Hindernissen nutzbar
Mehrere Kontrast-, Zoom-, Hochkontrast- und Layoutprobleme bestehen, gleichzeitig sind Textskalierung und viele grundlegende Funktionen nutzbar.
Hörbehinderung Mit Hindernissen nutzbar
Fehlende Untertitel und Transkripte für Videos sind bei einer Informationsseite mit Videoinhalten ein gravierendes Hindernis, andere Inhalte sind aber zugänglich.
Motorische Behinderung Mit Hindernissen nutzbar
Grundlegende Tastaturbedienung ist vorhanden, jedoch mit Fokusproblemen, fehlenden Sprungmarken und teilweise nicht erreichbaren oder schwer bedienbaren Elementen.
Lernbehinderung Mit Hindernissen nutzbar
Unlogische Fokus- und Lesereihenfolge, unerwartete Kontextänderungen und Slider/Animationen belasten die Orientierung, während Sprache, Labels und Fehlermeldungen überwiegend gut sind.
Neurodivergenz Mit Hindernissen nutzbar
Nicht stoppbare Animationen, unerwartete Kontextänderungen, lange Linktexte und komplexe Tastaturnavigation können stark überfordern, trotz ansonsten konsistenter Navigation und klarer Sprache.
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 103.0.5060.114
- Screenreader
- NVDA 2022.1
Veränderung nach WCAG-Kriterien
| Prüfungsdatum | Prüfart | Abweichende Prüfart | Nicht bestanden | Im Wesentlichen bestanden | Bestanden |
|---|---|---|---|---|---|
| 14.07.2023 | Vereinfachte Überwachung | Nein | 12 | 0 | 42 |
| 14.07.2022 | Vereinfachte Überwachung | Nein | 19 | 6 | 29 |
-
www.blutspenden.de/ Web-Angebot öffnen
-
https://www.blutspenden.de/suche/?L=0&id=388&tx_solr%5Bq%5D=blut
-
https://www.blutspenden.de/kontakt/ ⓘ Weitere Gutachten vorhanden
-
https://www.blutspenden.de/blut-und-plasmaspende/was-passiert-mit-meinem-blut-nach-der-spende/
-
https://www.blutspenden.de/fileadmin/Blutspende/05_Infothek/03_Studien/11321_9_FINAL_Infoblatt_20Blutspende_180608_Final.pdf
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Nicht-Text-Inhalte besitzen Alternativtexte | nicht bestanden | * Header: Die Grafik des Links "Blut spenden" hat keinen Alternativtext. Der Screenreader gibt den Link mit der URL aus. * Header: Den Layoutgrafiken für "Leichte Sprache" und "Gebärdensprache" wird ein Alternativtext zugewiesen. Der Screenreader gibt die Linkbeschriftung dadurch doppelt aus. * Startseite: Externe Links sind mit einer separaten Grafik gekennzeichnet. Diese Grafikinformation wird vom Screenreader nicht ausgegeben. * Startseite, Inhaltsseite: Der Grafikbutton zum Starten eines Videos wird vom Screenreader ohne Beschriftung ausgegeben. * Suchseite: Der Grafikbutton zum Starten der Suche wird vom Screenreader ohne Beschriftung ausgegeben. * Alle Seiten: Nur zur Gestaltung eingesetzte SVG-Grafiken sind für die Screenreader nicht ausgeblendet. * Inhaltsseite: Die Grafiken im Inhalt sind für blinde Nutzer nicht vollständig wahrnehmbar, da der Alternativtext und die umliegenden Texte die Grafikinformation nicht vollständig beschreiben. |
| Aufgezeichnete Audio-Inhalte besitzen Untertitel | nicht bestanden | * Inhaltsseite: Das Video hat keine Untertitel. |
| Aufgezeichnete Video-Inhalte besitzen Alternativen | nicht bestanden | * Startseite, Inhaltsseite: Zu den Videos wird kein Transkript bereitgestellt. |
| Informationen, Struktur und Beziehungen sind identifizierbar | nicht bestanden | * Alle Seiten: Auf den Seiten stimmen die Überschriftenstruktur mit der tatsächlichen Inhaltsstruktur teilweise nicht überein (bzgl. Hierarchieebenen). Teilweise werden Überschriftenebenen übersprungen. Teilweise haben die Seiten mehrere Überschriften der Ebene 1. * Startseite, Inhaltsseite: Die Aufzählung der Steuerelemente des Video-Players wird vom Screenreader nicht als Liste ausgegeben. * Startseite, Inhaltsseite: Für blinde Nutzer ist auf der Seite nicht gut erkennbar, wann ein Bereich mit einem Video startet und welche Inhalte dieser umfasst. * Suchseite: Mit dem Sucheingabefeld ist keine Beschriftung verknüpft. * Suchseite: Der Screenreader gibt beim Navigieren durch die Vorschlagsliste des Sucheingabefeldes den fokussierten Eintrag nicht aus. * Suchseite: Die Liste der Suchtreffer wird vom Screenreader nicht als Liste ausgegeben. * Formularseite: Die Linkliste unterhalb des Formulars wird vom Screenreader nicht als Liste ausgegeben. * Formularseite: Die Links unterhalb des Formulars sind als Überschriften ausgezeichnet, obwohl diese keine neuen Inhaltsabschnitte kennzeichnen. * Formularseite: Die Formularfelder werden vom Screenreader ohne die dazugehörige Fehlermeldung ausgegeben. * Inhaltsseite: Der Screenreader gibt am Ende eines Leseschritts eine Positionsangabe innerhalb eines Sliders aus. Dies erschwert das Wahrnehmen der Inhalte. * Header: Die Größe der Untermenüs ist in der Hochkontrastansicht nicht gut erkennbar. * Formularseite: Der Status der Checkbox ist in der Hochkontrastansicht nicht mehr erkennbar. * Inhaltsseite: Informationsabschnitte, die den eigentlichen Inhaltsabschnitt kurzzeitig unterbrechen, sind in der Hochkontrastansicht durch fehlende Rahmen nicht gut erkennbar. * Alle Seiten: Einzelne Seitenbereiche sind nicht als solche ausgezeichnet, wie z.B. der Hauptinhaltsbereich. |
| Sinnvolle Lesereihenfolge ist gegeben | nicht bestanden | * Startseite: Die Links für Instagram und Facebook werden direkt nach der Hauptüberschrift ausgegeben. Dies entspricht nicht der inhaltlich logischen Reihenfolge der Inhalte. * Startseite: Der Screenreader gibt die Inhalte der geschlossenen Bereiche, welche ausgeklappt werden können, beim linearen Lesen aus (Inhaltsbereiche). Bei den aufklappbaren Bereichen des Videos trat das Problem nicht auf. * Formularseite: Bei der Checkbox zur Datenschutzerklärung gibt der Screenreader die Inhalte in einer Reihenfolge aus, welche nicht der visuellen Reihenfolge der Inhalte entspricht. * Inhaltsseite: Die Inhalte des Sliders sind durch die automatischen Aktualisierungen nicht bzw. nicht vollständig durch lineares Lesen erfassbar. |
| Zweck von Formularfeldern für Nutzer-Daten ist identifizierbar | nicht bestanden | * Formularseite: Die Formularfelder für Nutzer-Daten sind nicht mit dem entsprechenden autocomplete-Attribut ausgezeichnet. |
| Inhalte brechen in einspaltiges Layout um | nicht bestanden | * Header: Die Bedienelemente überlagern sich teilweise. * Startseite, Inhaltsseite: Im Abschnitt "Filmsteuerung und Optionen einblenden" überlagern sich die Bedienelemente. * Suchseite: Die Inhalte der Vorschlagsliste vom Sucheingabefeld sind nur durch mehrdimensionales Scrollen vollständig wahrnehmbar. * Header: Nach dem Aktivieren des Suchen-Buttons und dem anschließenden Klick auf den Menü-Button wird das dazugehörige Menü nicht im sichtbaren Bereich angezeigt. |
| Textabstände sind anpassbar | nicht bestanden | * Formularseite: Im Bereich der Checkbox für den Datenschutz überlagern sich die Inhalte. |
| Bei Fokussierung eingeblendete Inhalte sind steuerbar | nicht bestanden | * Alle Seiten: Die Untermenüs vom Hauptmenü und Breadcrumb werden bei Mouseover automatisch eingeblendet, können aber mit der Esc-Taste nicht geschlossen werden. |
| Tastaturbedienbarkeit ist gegeben | nicht bestanden | * Header, Footer: In den Listen erhält meistens jeweils nur der erste Link mit der Tabulatortaste den Fokus. Die anderen Links sind mit der Tabulatortaste nicht erreichbar. Mit eingeschalteten Screenreader ist zudem häufig die hinterlegte Pfeiltastenbedienung nicht nutzbar. Ohne Screenreader kann die Pfeiltastennavigation verwendet werden - die Reihenfolge der Elemente stimmt vor allem beim Servicemenü nicht mit der visuellen Reihenfolge überein. War beim Verlassen des Service-Menüs der Menüpunkt "Gebärdensprache" fokussiert, dann ist anschließend das Menü mit der Tabulatortaste nicht mehr erreichbar. * Startseite: Die Elemente "Video herunterladen" und "Ich akzeptiere die Nutzungsbedingungen" können nur mit der Leertaste aktiviert werden. Die anderen Elemente mit der gleichen Gestaltung können mit der Leertaste und der Eingabetaste aktiviert werden. * Inhaltsseite, Formularseite: Im Breadcrumb können die Untermenüs mit der Tastatur nicht geöffnet werden. |
| Automatisch gestartete Animationen sind steuerbar | nicht bestanden | * Inhaltsseite: Die Animation (automatischer Seitenwechsel) kann nicht gestoppt werden. |
| Wiederkehrende Bereiche können übersprungen werden | nicht bestanden | * Alle Seiten: Auf den Seiten werden keine Sprungmarken bereitgestellt. |
| Linkzweck ist verständlich (im Kontext) | nicht bestanden | * Startseite: Die Links der Inhaltskacheln (z.B. "Einfach machen. Die Tour" sowie die Kacheln im Bereich "Schon gewusst") werden mit sehr langen Beschriftungen ausgegeben, da diese nicht nur den eigentlichen Linktext enthalten, sondern auch die zur Kachel gehörende Grafik, die Überschrift und den beschreibenden Text. |
| Tastaturfokus ist sichtbar | nicht bestanden | * Startseite, Inhaltsseite: Der Fokus ist auf dem Play/Pause-Buttons der Video-Player nicht sichtbar. * Startseite, Inhaltsseite: Der Fokus ist auf den "Video herunterladen"- und "Ich akzeptiere die Nutzungsbedingungen"-Elementen nicht sichtbar. * Footer: Der Fokus ist auf dem BZgA-Logo und auf dem "Nach oben"-Button nicht vollständig sichtbar. * Startseite: Der Fokus ist auf den Links für Facebook und Instagram nicht gut erkennbar. * Alle Seiten: Bei der Rückwärtsnavigation wird teilweise das fokussierte Element vom Header überlagert (z.B. bei den ausklappbaren Abschnitten, Suchergebnisse). * Suchseite: Der Tastaturfokus ist auf der Vorschlagsliste des Sucheingabefeldes nicht sichtbar. * Formularseite: Der Fokus ist auf dem letzten Breadcrumbeintrag nicht sichtbar. * Formularseite: Der Fokus ist auf der Checkbox nicht sichtbar. |
| Fokussierung führt nicht zu Kontextänderung | nicht bestanden | * Startseite: Bei Fokuserhalt eines aufklappbaren Abschnitts wird dieser automatisch und unerwartet geöffnet. Wird ein Link innerhalb des Abschnitts fokussiert, dann wird der Bereich automatisch unerwartet geschlossen. |
| Eingabe führt nicht zu Kontextänderung | nicht bestanden | * Startseite: Mit dem Aufklappen des Abschnitts "Ich akzeptiere die Nutzungsbedingungen" werden automatisch die Nutzungsbedingungen akzeptiert. Dies ist für sehende Nutzer unerwartet und nicht erkennbar. * Suchseite: Navigiert ein Nutzer bei der Vorschlagsliste des Sucheingabefeldes auf einen Eintrag im Bereich "Top Treffer", dann wird beim Verlassen des Eingabefeldes automatisch und unerwartet die dazugehörige Seite geöffnet. |
| Syntaxspezifikationen sind erfüllt | nicht bestanden | * Viele Seiten: Die Seiten enthalten mehrere Sytaxfehler, wie z.B. doppelte ID's. |
| Name, Rolle und Wert sind identifizierbar | nicht bestanden | * Header: Das Hauptmenü wird vom Screenreader nicht korrekt als Menü erkannt, da nicht der gesamte Inhalt des Menüs mit den entsprechenden ARIA-Rollen ausgezeichnet ist. * Formularseite, Inhaltsseite: Der Breadcrumb wird vom Screenreader nicht korrekt als Menü erkannt, da nicht der gesamte Inhalt des Menüs mit den entsprechenden ARIA-Rollen ausgezeichnet ist. * Startseite, Inhaltsseite: Bei den aufklappbaren Bereichen gibt der Screenreader den aktuellen Status der Links/Buttons nicht aus (geöffnet/geschlossen). * Startseite, Inhaltsseite: Der Button "Video herunterladen" wird vom Screenreader als Kontrollfeld ausgegeben. * Suchseite: Der Screenreader gibt beim Sucheingabefeld keinen Hinweis aus, dass eine Liste mit Suchvorschlägen eingeblendet wurde. |
|
B.1
PAC3 Test ergibt PDF/UA-konform
|
nicht bestanden | * PDF-Dokument ist nicht PDF/UA konform. |
Im Wesentlichen bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Kontrastabstand von Text zu Hintergrund ist ausreichend (Minimalkontrast) | im Wesentlichen bestanden | * Startseite: Die Hauptüberschrift "Einfach machen" hat einen zu geringen Kontrastabstand zwischen Text- und Hintergrundfarbe. |
| Schriftgröße kann angepasst werden | im Wesentlichen bestanden | * Startseite: Der Facebook-Link am linken Seitenrand ist nicht mehr vollständig sichtbar. |
| Schriftgrafiken sind anpassbar oder unverzichtbar | im Wesentlichen bestanden | * Header, Footer: Die Grafikinformation vom BZgA-Logo wird im Alternativtext nicht vollständig beschrieben. |
| Titel beschreiben Thema oder Zweck | im Wesentlichen bestanden | * Viele Seiten: Im Seitentitel ist der Name der Webseite nicht enthalten, wie z.B. "Suche". |
| Fokusreihenfolge ist aufgabenangemessen | im Wesentlichen bestanden | * Footer: Nach dem Aktivieren des Links "Zurück nach oben" bleibt der Fokus auf dem ausgelösten Element und wird nicht an den Seitenanfang gesetzt. * Suchseite: Bei den Suchtreffern erhält die Überschrift sowie der erläuternde Text jeweils mit der Tabulatortaste den Fokus. Dadurch entstehen viele zusätzliche Tabschritte. * Viele Seiten: Mehrere Inhaltsbereiche erhalten mit der Tabulatortaste den Fokus, obwohl es sich hierbei nicht um funktionstragende Elemente handelt. Die zusätzlichen Tabschritte erschweren die Navigation. * Startseite: Die Links der zugeklappten Inhaltsbereiche erhalten mit der Tabulatortaste den Fokus. * Formularseite: Die Fokusreihenfolge stimmt im Bereich der Checkbox "Datenschutzerklärung" nicht mit der visuellen Reihenfolge der Elemente überein. * Formularseite: Nach dem Absenden eines fehlerhaften Formulars wird der Fokus nicht auf das erste fehlerhafte Formularfeld gesetzt. * Inhaltsseite: Die Elemente der ausgeblendeten Sliderseiten erhalten mit der Tabulatortaste den Fokus. |
| Abweichende Sprache einzelner Abschnitte ist ausgezeichnet | im Wesentlichen bestanden | * Inhaltsseite: Die Buttons zum Blättern im Slider haben englische Beschriftungen. Des Weiteren werden auf der Seite mehrere englische Positionsangaben des Sliders ausgegeben. |
Bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen | bestanden | – |
| Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen | bestanden | – |
| Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich | bestanden | – |
| Bildschirmausrichtung ist änderbar | bestanden | – |
| Farbe ist nicht einziger Informationsträger | bestanden | – |
| Automatisch abgespielte Audio-Inhalte sind steuerbar | bestanden | – |
| Kontrastabstand von Nicht-Text-Inhalten ist ausreichend | bestanden | Hinweis Startseite, Inhaltsseite: Der Play- und Pause-Button der Video-Player hat einen zu geringen Kontrastabstand zum Hintergrund. |
| Tastaturfallen sind nicht vorhanden | bestanden | – |
| Zeichen-Tastenkürzel sind abschaltbar oder anpassbar | bestanden | – |
| Zeitbegrenzungen sind steuerbar | bestanden | – |
| Blitzen wird vermieden | bestanden | – |
| Seiten sind über verschiedene Möglichkeiten auffindbar | bestanden | – |
| Überschriften und Label beschreiben Thema oder Zweck | bestanden | – |
| Komplexe Zeigerbedienung ist verzichtbar | bestanden | – |
| Zeiger-Eingaben können abgebrochen oder widerrufen werden | bestanden | – |
| Label enthält sichtbare Beschriftung | bestanden | – |
| Bewegungsaktivierung ist verzichtbar | bestanden | – |
| Sprache ist ausgezeichnet | bestanden | – |
| Navigation ist konsistent aufgebaut | bestanden | – |
| Elemente sind konsistent bezeichnet | bestanden | – |
| Fehlermeldungen sind in Textform vorhanden | bestanden | – |
| Label enthalten Eingabehinweise | bestanden | – |
| Fehlermeldungen enthalten Korrekturvorschläge | bestanden | – |
| Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) | bestanden | – |
| Statusmeldungen werden ohne Fokussierung ausgegeben | bestanden | – |
|
A.1
Erklärung zur Barrierefreiheit ist vorhanden
|
bestanden | – |
|
A.2
Feedback-Mechanismus ist vorhanden
|
bestanden | – |
|
A.3
Leichte Sprache ist vorhanden
|
bestanden | – |
|
A.4
Gebärdensprache-Video ist vorhanden
|
bestanden | – |
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.