Staatliches Gutachten zur digitalen Barrierefreiheit

quantentechnologien.de

Nutzbarkeit mit unterschiedlichen Behinderungen

Blindheit Mit Hindernissen nutzbar

Mehrere zentrale Probleme bei Struktur, Skip-Link, Navigation, Formularen und Statusmeldungen erschweren Screenreader-Nutzung deutlich, machen die Seite aber nicht vollständig unzugänglich.

Sehbehinderung Mit Hindernissen nutzbar

Strukturelle Mängel und unklare Linkkennzeichnung sind hinderlich, aber es gibt keine Hinweise auf gravierende Kontrast- oder Zoomprobleme.

Hörbehinderung Fast barrierefrei

Es werden keine audioabhängigen Funktionen erwähnt, daher ist die Nutzung für Gehörlose bis auf allgemeine Usability-Probleme kaum eingeschränkt.

Motorische Behinderung Mit Hindernissen nutzbar

Fehlende vollumfängliche Tastaturbedienung (Slider, Hover-Inhalte, Fokus-Reihenfolge) beeinträchtigt motorisch eingeschränkte Tastaturnutzende spürbar.

Lernbehinderung Mit Hindernissen nutzbar

Unlogische Überschriftenstruktur, uneindeutige Links und komplexe Bedienelemente erhöhen die kognitive Belastung deutlich.

Neurodivergenz Mit Hindernissen nutzbar

Inkonsequente Struktur, unklare Interaktionen und fehlende Fokusanzeigen bei bestimmten Inhalten können für neurodivergente Personen stark überfordernd sein.

Dokumentierte Barrieren

  • Slider lässt sich per Tastatur nicht vollständig bedienen

    Die Paginierung der Slider-Inhalte ist nicht fokussierbar oder aktivierbar. Damit können Tastaturnutzende einzelne Slider-Inhalte nicht gezielt auswählen.

    Auswirkung: Ich komme mit der Tastatur nicht an alle Slider-Inhalte heran. Für mich sind diese Inhalte dann nur eingeschränkt oder gar nicht nutzbar.

  • Fehlermeldungen im Formular sind nicht ausreichend verknüpft

    Formularfehler und Hinweise werden nicht sauber mit den betroffenen Feldern verbunden. Zusätzliche Erklärungen, etwa zum Asterisk oder zum Eingabeformat, sind für Screenreader nicht zuverlässig verfügbar.

    Auswirkung: Ich verstehe nicht sofort, was im Formular falsch ist und was ich ändern muss. Dadurch kann ich Formulare leichter abbrechen oder wiederholt falsch ausfüllen.

  • Suchvorschläge und Auswahlrückmeldungen werden nicht angekündigt

    Vorschlagslisten bei der Suche sind nicht als Live-Region umgesetzt und Statusänderungen werden nicht passend ausgegeben. Änderungen nach der Eingabe werden dadurch für Screenreader-Nutzende nicht zuverlässig mitgeteilt.

    Auswirkung: Ich weiß nicht sicher, welche Suchvorschläge verfügbar sind oder ob meine Auswahl übernommen wurde. Das kann die Suche deutlich erschweren oder zu Fehlbedienungen führen.

  • Slider-Bedienelemente sind nicht verständlich beschriftet

    Die Steuerung des Sliders ist nicht eindeutig benannt, etwa bei Weiter- und Zurück-Elementen. Ohne passende Beschriftung ist die Funktion für assistive Technologien schwer nachvollziehbar.

    Auswirkung: Ich kann die Slider-Steuerung nicht sicher bedienen, weil ich nicht erkenne, welcher Knopf welche Aktion auslöst. Dadurch entgehen mir möglicherweise wichtige Inhalte.

  • Hover-Hinweise sind mit Tastatur nicht erreichbar

    Zusatzinformationen erscheinen nur bei Maus-Hover und nicht zuverlässig bei Fokus. Tastaturnutzende erhalten diese Hinweise dadurch nicht oder erst gar nicht.

    Auswirkung: Ich verpasse wichtige Zusatzinfos, wenn ich nicht mit der Maus arbeite. Das kann dazu führen, dass ich Inhalte falsch verstehe oder Funktionen übersehe.

  • Fehlerhafte E-Mail-Eingabe wird nicht ausreichend erklärt

    Bei fehlerhaften E-Mail-Adressen fehlen sichtbare und programmatisch erkennbare Hinweise zum erwarteten Format. Betroffene erfahren daher nicht klar genug, wie die Eingabe korrigiert werden soll.

    Auswirkung: Ich kann das Formular nicht zuverlässig abschicken, wenn ich das Format nicht verstehe. Das führt zu wiederholten Fehlern und Frust.

  • Sprungmarke überspringt die Hauptnavigation nicht korrekt

    Der Skip-Link führt nicht zuverlässig zum ersten interaktiven Element in der Hauptnavigation. Dadurch wird der zentrale Navigationsbereich nicht sinnvoll übersprungen beziehungsweise erreicht.

    Auswirkung: Ich muss mich trotz Skip-Link weiterhin durch wiederholte Navigationselemente arbeiten. Das kostet Zeit und macht die Seite für mich unnötig anstrengend.

  • Slider-Inhalte haben unklaren Linkzweck

    Im Slider sind Links so angelegt, dass ihr Zweck im Kontext nicht klar wird. Außerdem sollen Inhalte dort auf einen prägnanten Link reduziert werden, damit die Funktion verständlich bleibt.

    Auswirkung: Ich weiß nicht sicher, wohin ein Link im Slider führt oder was genau dahinterliegt. Das macht das Erfassen von Angeboten oder Meldungen unnötig schwierig.

  • Wichtige Inhalte im Nachrichten- und Förderbereich sind nicht eindeutig verlinkt

    In mehreren Inhaltsbereichen ist die klickbare Fläche zu groß oder zu allgemein, statt auf eine klare Komponente wie einen eindeutigen Linktext begrenzt zu sein. Der Linkzweck ist dadurch im Kontext nicht zuverlässig erkennbar.

    Auswirkung: Ich kann nicht sicher sagen, welcher Bereich mich wohin führt. Das erschwert das gezielte Öffnen von Beiträgen und Angeboten.

  • Footer und Hauptnavigation werden nicht als Navigation erkannt

    Die Linklisten im Footer und in der Hauptnavigation sind nicht sauber als Navigationsbereiche ausgezeichnet. Dadurch fehlt assistiven Technologien eine klare Struktur für diese zentralen Seitenbereiche.

    Auswirkung: Ich kann wichtige Navigationsblöcke schlechter finden und verstehen. Das verlangsamt das Erreichen von Unterseiten und Kontaktwegen.

  • Überschriftenstruktur ist an mehreren Stellen uneinheitlich

    Auf mehreren Seiten werden Überschriftenebenen übersprungen oder doppelte Bezeichnungen verwendet. Die logische Gliederung des Inhalts ist dadurch nicht zuverlässig nachvollziehbar.

    Auswirkung: Ich kann mit Screenreader die Inhalte schlechter überfliegen und gezielt zu Abschnitten springen. Das kostet Zeit und erhöht die kognitive Belastung.

  • Projekt- und Inhaltsblöcke haben unklare Linkziele

    Projektblöcke und ähnliche Kacheln sind nicht prägnant genug verlinkt, sodass der Linkzweck im Kontext unklar bleibt. Es ist nicht eindeutig, ob der ganze Block oder nur ein Titel gemeint ist.

    Auswirkung: Ich weiß nicht sofort, welche Fläche ich anklicken soll und wohin sie führt. Das erschwert das schnelle Auswählen von Projekten und Themen erheblich.

  • Reihenfolge im Kopfbereich wirkt für Tastatur und Vorleseprogramme unlogisch

    Die Fokus- und Inhaltsreihenfolge im Header folgt nicht der erwarteten Struktur, sodass nach dem Logo nicht direkt der erste Menüpunkt kommt. Das erschwert die Orientierung in der oberen Navigation.

    Auswirkung: Ich kann mit Tastatur oder Screenreader nicht flüssig durch den Seitenkopf gehen. Dadurch verliere ich schneller die Orientierung und brauche mehr Schritte, um ins Menü zu kommen.

  • Externe Links sind nicht eindeutig gekennzeichnet

    Externe Verlinkungen werden nicht klar als solche angekündigt. Nutzende erfahren dadurch nicht rechtzeitig, dass ein Link eine andere Website oder ein neues Fenster öffnen kann.

    Auswirkung: Ich kann nicht vorhersehen, wohin mich ein Link führt. Das erhöht die Verwechslungsgefahr und kann mich aus dem gewohnten Kontext reißen.

  • Startseite hat keine klare Hauptüberschrift

    Die Startseite beginnt nicht mit einer aussagekräftigen H1, die das Thema der Seite beschreibt. Damit fehlt eine zentrale Orientierungshilfe für Screenreader und andere Nutzende.

    Auswirkung: Ich kann den Inhalt der Seite schlechter einordnen und muss länger suchen, worum es hier eigentlich geht. Das erschwert den Einstieg besonders bei längeren Seiten.

  • Suchseite und Inhaltsseiten sind schlecht gegliedert

    Auch auf Such-, Kontakt- und Inhaltsseiten ist die Hierarchie der Überschriften nicht konsistent. Dadurch sind Abschnitte und Unterabschnitte schwerer zu erkennen.

    Auswirkung: Ich verliere leichter die Übersicht über Filter, Treffer und Inhalte. Das macht die Navigation durch längere Seiten deutlich mühsamer.

  • Cookie-Schalter ist nicht eindeutig benannt

    Der Schalter für Cookie-Einstellungen ist nicht funktional präzise beschriftet. Für Screenreader-Nutzende ist dadurch nicht klar, was beim Aktivieren genau passiert.

    Auswirkung: Ich kann die Cookie-Steuerung schlechter verstehen und treffe eher Fehlentscheidungen. Das betrifft eine zentrale Einstellung beim Seitenaufruf.

  • Dekorative Grafiken werden von Screenreadern nicht sauber ignoriert

    Schmuckgrafiken sind nicht konsequent als dekorativ ausgezeichnet oder haben sinnlose Alternativtexte. Dadurch werden reine Zier- oder Funktionsbilder für assistive Technologien unnötig angekündigt.

    Auswirkung: Ich höre zusätzliche, irrelevante Informationen und verliere den Überblick über den eigentlichen Inhalt. Das macht die Nutzung langsamer und verwirrender.

  • Suchschaltflächen haben keinen eindeutigen Namen

    Bei den Suchschaltflächen stören zusätzliche title-Attribute die eindeutige Beschriftung. Dadurch kann für Screenreader ein unklarer oder doppelt wirkender Buttonname entstehen.

    Auswirkung: Ich kann nicht sicher erkennen, welche Suchschaltfläche welche Funktion hat. Das erhöht das Risiko, den falschen Schalter zu aktivieren.

  • Links sind nicht klar als Links erkennbar

    Verlinkungen von Überschriften sind nicht konsistent genug gestaltet und nicht zusätzlich eindeutig markiert. Dadurch ist nicht immer sofort erkennbar, was anklickbar ist.

    Auswirkung: Ich übersehe unter Umständen klickbare Elemente oder aktiviere sie nicht absichtlich. Das kostet Zeit und macht die Nutzung unsicherer.

  • Scroll-to-top-Schalter ist nicht verständlich benannt

    Der Schalter zum Nach-oben-Springen hat keine eindeutige programmatische Beschriftung. Screenreader können seine Funktion dadurch nicht verlässlich ansagen.

    Auswirkung: Ich weiß nicht sicher, was dieser Schalter bewirkt. Wenn ich ihn nutze, kann ich leichter die Orientierung verlieren.

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
Browser
Chrome Version 137.0.7151.120 (Offizieller Build) (64-Bit)
Screenreader
NVDA 2024
Tools
Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)
  • https://www.quantentechnologien.de/ Web-Angebot öffnen
  • https://www.quantentechnologien.de/suche.html?tx_kesearch_pi1%5B__referrer%5D%5B@extension%5D=zw_provider&tx_kesearch_pi1%5B__referrer%5D%5B@vendor%5D=FluidTYPO3&tx_kesearch_pi1%5B__referrer%5D%5B@controller%5D=Page&tx_kesearch_pi1%5B__referrer%5D%5B@action%5D=homepage&tx_kesearch_pi1%5B__referrer%5D%5Barguments%5D=YTowOnt914c8212710109a6c78791fc38e829e19b3c4f6c1&tx_kesearch_pi1%5B__referrer%5D%5B@request%5D=a%3A4%3A%7Bs%3A10%3A%22@extension%22%3Bs%3A11%3A%22zw_provider%22%3Bs%3A11%3A%22@controller%22%3Bs%3A4%3A%22Page%22%3Bs%3A7%3A%22@action%22%3Bs%3A8%3A%22homepage%22%3Bs%3A7%3A%22@vendor%22%3Bs%3A10%3A%22FluidTYPO3%22%3B%7D8ed34f029f877167dca2128360aee2c33e9430ce&tx_kesearch_pi1%5B__trustedProperties%5D=a%3A1%3A%7Bs%3A5%3A%22sword%22%3Bi%3A1%3B%7D1dca1faffeee2fa89a93a2e51c254bb161826cdb&tx_kesearch_pi1%5Bsword%5D=Raumfahrt&search%5BsubmitButton%5D=
  • https://www.quantentechnologien.de/service/kontakt.html
  • https://www.quantentechnologien.de/forschung/projekte.html
  • https://www.quantentechnologien.de/fileadmin/public/Redaktion/Dokumente/PDF/Publikationen/Handlungskonzept-Quantentechnologien-2023_bf_C1.pdf

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
WCAG 2.4.1
Blöcke überspringen 		nicht bestanden Skip-Link zum Hauptmenü so korrigieren, dass der Fokus auf das erste interaktive Element innerhalb der Hauptnavigation gesetzt wird.
WCAG 1.1.1
Nicht-Text-Inhalt 		nicht bestanden Schmuckgrafiken ausschließlich als dekorativ kennzeichnen (alt="" oder aria-hidden="true") und sinnfreie Alternativtexte entfernen.
WCAG 1.3.2
Bedeutungsvolle Reihenfolge 		nicht bestanden Fokus- und Quellcode-Reihenfolge im Header so anpassen, dass nach dem Logo unmittelbar der erste Menüeintrag folgt.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Vorschlagslisten als Live-Region (aria-live="polite" o.ä.) auszeichnen und Auswahl mit aktualisierten Statusmeldungen versehen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden title-Attribute bei den Suchschaltflächen entfernen, sodass nur eine eindeutige sichtbare Beschriftung ausgegeben wird.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Inhalt im Slider so strukturieren, dass nur ein prägnanter Text (z. B. „Mehr erfahren“) als Link fungiert und der Zweck klar bleibt.
WCAG 2.4.6
Überschriften und Beschriftungen (Labels) 		nicht bestanden Slider-Bedienelemente mit verständlichen Bezeichnungen (z. B. „Weiter“/„Zurück“) oder passenden aria-labels versehen.
WCAG 2.1.1
Tastatur 		nicht bestanden Paginierung der Slider-Inhalte fokussierbar und aktivierbar gestalten, damit Tastaturnutzende gezielt Inhalte auswählen können.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Klickfläche im Nachrichten-, Fördermaßnahmen- und Nachwuchsbereich auf eine aussagekräftige Komponente (z. B. „Mehr erfahren“) beschränken.
WCAG 2.1.1
Tastatur 		nicht bestanden Zusatzinformationen, die bei Mouse-Hover erscheinen, auch bei Fokus anzeigen (z. B. via :focus oder JavaScript-Einblendung).
WCAG 1.4.1
Benutzung von Farbe 		nicht bestanden Verlinkungen von Überschriften konsistent gestalten und zusätzlich durch weitere Merkmale wie Unterstreichung kenntlich machen.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Bei externen Links textliche/pkg. Kennzeichnung ergänzen (z. B. „(öffnet neues Fenster)“ oder aria-label).
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden ScrollTop-Schalter mit eindeutiger, programmatisch ermittelbarer Beschriftung (z. B. sichtbarer Text oder aria-label="Nach oben springen") versehen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Footer-Linkliste in ein semantisches <nav> mit aria-label (z. B. "Fußbereich") einbetten, damit sie als Navigation erkannt wird.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Hauptnavigation ebenfalls mit <nav> und eindeutiger Benennung (aria-label oder aria-labelledby) auszeichnen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Suchformular-Fehlerhinweis mit Hinweis zur Bedeutung des Asterisks oberhalb des Formulars platzieren und für Screenreader sichtbar bereitstellen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Fehlermeldungen programmatisch mit zugehörigen Feldern verknüpfen (z. B. aria-describedby), damit Screenreader den Kontext anzeigen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Startseite mit einer aussagekräftigen H1 am Seitenanfang versehen, die das Thema der Seite beschreibt.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Überschriftenstruktur logisch aufbauen und Ebenen nicht überspringen (z. B. H2→H3) sowie doppelte Bezeichnungen vermeiden.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Suche-Seite mit konsistentem Hierarchieaufbau versehen, Zwischenüberschriften folgen der jeweiligen Ebene und keine Sprünge über mehrere Ebenen.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Kontaktseite-Überschriften ausschließlich zur Gliederung nutzen und logische Reihenfolge (z. B. H1→H2→H3) einhalten, Gestaltung über CSS steuern.
WCAG 1.3.1
Info und Beziehungen 		nicht bestanden Inhaltsseite-Überschriften folgerichtig strukturieren (z. B. H1→H2→H3) und ausgelassene Ebenen vermeiden.
WCAG 2.4.4
Linkzweck (im Kontext) 		nicht bestanden Projektblöcke nur auf aussagekräftige Elemente (z. B. Projekttitel) beschränken oder via aria-label Linkzweck prägnant formulieren.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Fehlerhafte E-Mail-Adresse mit sichtbaren und programmatisch erkennbaren Eingabehinweisen zum erwarteten Format (z. B. aria-describedby) ergänzen.
WCAG 4.1.2
Name, Rolle, Wert 		nicht bestanden Cookie-Einstellungs-Schalter mit funktional präziser Beschriftung (z. B. „Cookie-Einstellungen öffnen“) versehen, sichtbar oder via aria-label.

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