quantentechnologien.de

Website nicht konform Prüfung vom 26.06.2025 ID: #1043

Sonstiges private Organisation

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Bundesministerium für Bildung und Forschung
Prüforganisation: Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik
Stadt: Berlin
Prüfart: Vereinfachte Überwachung

Technische Umgebung

OS: Windows 11
Browser: Chrome Version 137.0.7151.120 (Offizieller Build) (64-Bit)
Screenreader: NVDA 2024
Auflösung:
Tools: Color Contrast Analyser (CCA), PDF Accessibility Checker (PAC), Chrome web inspector, NVDA ScreenReader, HeadingsMap (Chrome), Landmark Navigation (Chrome)

Zugänglichkeits-Analyse

KI-Schnellcheck zur Nutzbarkeit

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.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
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.	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.	Melden
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.	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.	Melden
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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	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.	Ich weiß nicht sicher, was dieser Schalter bewirkt. Wenn ich ihn nutze, kann ich leichter die Orientierung verlieren.	–

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

https://www.quantentechnologien.de/
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

Empfehlung & Status

Dekorative Grafiken ohne Alternativtexte kennzeichnen, Navigationsbereiche und Überschriften strukturell auszeichnen, Fokus- und Tastaturreihenfolgen anpassen, Statusmeldungen und Beschriftungen für Screenreader verbessern sowie Formularelemente und zusätzliche Funktionen (Cookie-Schalter, ScrollTop, Skip-Link, Slider) eindeutig beschriften.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
9.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.
9.1.1.1 Nicht-Text-Inhalt	nicht bestanden	Schmuckgrafiken ausschließlich als dekorativ kennzeichnen (alt="" oder aria-hidden="true") und sinnfreie Alternativtexte entfernen.
9.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.
9.4.1.2 Name, Rolle, Wert	nicht bestanden	Vorschlagslisten als Live-Region (aria-live="polite" o.ä.) auszeichnen und Auswahl mit aktualisierten Statusmeldungen versehen.
9.4.1.2 Name, Rolle, Wert	nicht bestanden	title-Attribute bei den Suchschaltflächen entfernen, sodass nur eine eindeutige sichtbare Beschriftung ausgegeben wird.
9.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.
9.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.
9.2.1.1 Tastatur	nicht bestanden	Paginierung der Slider-Inhalte fokussierbar und aktivierbar gestalten, damit Tastaturnutzende gezielt Inhalte auswählen können.
9.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.
9.2.1.1 Tastatur	nicht bestanden	Zusatzinformationen, die bei Mouse-Hover erscheinen, auch bei Fokus anzeigen (z. B. via :focus oder JavaScript-Einblendung).
9.1.4.1 Benutzung von Farbe	nicht bestanden	Verlinkungen von Überschriften konsistent gestalten und zusätzlich durch weitere Merkmale wie Unterstreichung kenntlich machen.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Bei externen Links textliche/pkg. Kennzeichnung ergänzen (z. B. „(öffnet neues Fenster)“ oder aria-label).
9.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.
9.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.
9.1.3.1 Info und Beziehungen	nicht bestanden	Hauptnavigation ebenfalls mit <nav> und eindeutiger Benennung (aria-label oder aria-labelledby) auszeichnen.
9.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.
9.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.
9.1.3.1 Info und Beziehungen	nicht bestanden	Startseite mit einer aussagekräftigen H1 am Seitenanfang versehen, die das Thema der Seite beschreibt.
9.1.3.1 Info und Beziehungen	nicht bestanden	Überschriftenstruktur logisch aufbauen und Ebenen nicht überspringen (z. B. H2→H3) sowie doppelte Bezeichnungen vermeiden.
9.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.
9.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.
9.1.3.1 Info und Beziehungen	nicht bestanden	Inhaltsseite-Überschriften folgerichtig strukturieren (z. B. H1→H2→H3) und ausgelassene Ebenen vermeiden.
9.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.
9.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.
9.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.

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

KI-Schnellcheck zur Nutzbarkeit