Gutachten

www.blutspenden.de/

Website nicht konform Prüfung vom 14.07.2022 ID: #91
Gesundheit öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Prüforganisation
T-Systems Multimedia Solutions GmbH
Stadt
Dresden
Prüfart
Vereinfachte Überwachung
Dauer
8 Stunden

Technische Umgebung

  • OS: Windows 10 Enterprise
  • Browser: Google Chrome 103.0.5060.114
  • Screenreader: NVDA 2022.1
  • Auflösung:
  • Tools: –

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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 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

  • www.blutspenden.de/
  • https://www.blutspenden.de/suche/?L=0&id=388&tx_solr%5Bq%5D=blut
  • https://www.blutspenden.de/kontakt/ ⓘ
  • 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

Empfehlung & Status

Empfehlung

Wir empfehlen, die festgestellten Barrierefreiheitsprobleme der WCAG-Level A und AA sowie die Nicht-Konformität des geprüften PDF-Dokuments zu beheben.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
1.1.1
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.
1.2.2
Aufgezeichnete Audio-Inhalte besitzen Untertitel 		nicht bestanden * Inhaltsseite: Das Video hat keine Untertitel.
1.2.3
Aufgezeichnete Video-Inhalte besitzen Alternativen 		nicht bestanden * Startseite, Inhaltsseite: Zu den Videos wird kein Transkript bereitgestellt.
1.3.1
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.
1.3.2
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.
1.3.5
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.
1.4.10
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.
1.4.12
Textabstände sind anpassbar 		nicht bestanden * Formularseite: Im Bereich der Checkbox für den Datenschutz überlagern sich die Inhalte.
1.4.13
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.
2.1.1
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.
2.2.2
Automatisch gestartete Animationen sind steuerbar 		nicht bestanden * Inhaltsseite: Die Animation (automatischer Seitenwechsel) kann nicht gestoppt werden.
2.4.1
Wiederkehrende Bereiche können übersprungen werden 		nicht bestanden * Alle Seiten: Auf den Seiten werden keine Sprungmarken bereitgestellt.
2.4.4
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.
2.4.7
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.
3.2.1
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.
3.2.2
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.
4.1.1
Syntaxspezifikationen sind erfüllt 		nicht bestanden * Viele Seiten: Die Seiten enthalten mehrere Sytaxfehler, wie z.B. doppelte ID's.
4.1.2
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
1.4.3
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.
1.4.4
Schriftgröße kann angepasst werden 		im Wesentlichen bestanden * Startseite: Der Facebook-Link am linken Seitenrand ist nicht mehr vollständig sichtbar.
1.4.5
Schriftgrafiken sind anpassbar oder unverzichtbar 		im Wesentlichen bestanden * Header, Footer: Die Grafikinformation vom BZgA-Logo wird im Alternativtext nicht vollständig beschrieben.
2.4.2
Titel beschreiben Thema oder Zweck 		im Wesentlichen bestanden * Viele Seiten: Im Seitentitel ist der Name der Webseite nicht enthalten, wie z.B. "Suche".
2.4.3
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.
3.1.2
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
1.2.1
Aufgezeichnete Audio-only- und Video-only-Dateien besitzen Alternativen 		bestanden
1.2.5
Aufgezeichnete Video-Inhalte besitzen Audiodeskriptionen 		bestanden
1.3.3
Anweisungen sind ohne Bezug auf sensorische Merkmale verständlich 		bestanden
1.3.4
Bildschirmausrichtung ist änderbar 		bestanden
1.4.1
Farbe ist nicht einziger Informationsträger 		bestanden
1.4.2
Automatisch abgespielte Audio-Inhalte sind steuerbar 		bestanden
1.4.11
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.
2.1.2
Tastaturfallen sind nicht vorhanden 		bestanden
2.1.4
Zeichen-Tastenkürzel sind abschaltbar oder anpassbar 		bestanden
2.2.1
Zeitbegrenzungen sind steuerbar 		bestanden
2.3.1
Blitzen wird vermieden 		bestanden
2.4.5
Seiten sind über verschiedene Möglichkeiten auffindbar 		bestanden
2.4.6
Überschriften und Label beschreiben Thema oder Zweck 		bestanden
2.5.1
Komplexe Zeigerbedienung ist verzichtbar 		bestanden
2.5.2
Zeiger-Eingaben können abgebrochen oder widerrufen werden 		bestanden
2.5.3
Label enthält sichtbare Beschriftung 		bestanden
2.5.4
Bewegungsaktivierung ist verzichtbar 		bestanden
3.1.1
Sprache ist ausgezeichnet 		bestanden
3.2.3
Navigation ist konsistent aufgebaut 		bestanden
3.2.4
Elemente sind konsistent bezeichnet 		bestanden
3.3.1
Fehlermeldungen sind in Textform vorhanden 		bestanden
3.3.2
Label enthalten Eingabehinweise 		bestanden
3.3.3
Fehlermeldungen enthalten Korrekturvorschläge 		bestanden
3.3.4
Fehlervermeidung wird unterstützt (rechtlich, finanziell, Daten) 		bestanden
4.1.3
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