innovative-hochschule.de

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

Bildung öffentliche Einrichtung

Prüfbericht herunterladen (PDF)

Kurzzusammenfassung

Auftraggeber: Bundesministerium für Bildung und Forschung
Prüforganisation: Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik, Deutsche Rentenversicherung Knappschaft-Bahn-See
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 gravierende Verstöße bei Formularsemantik, Linkstruktur, Alternativtexten und Fokusführung beeinträchtigen Screenreader-Nutzung deutlich, lassen die Seite aber grundsätzlich noch bedienbar erscheinen.

Sehbehinderung

Kaum nutzbar

Deaktiviertes Zoomen, fehlender Reflow und schwacher Nicht-Text-Kontrast machen Inhalte für sehbehinderte Personen stark erschwert wahrnehmbar.

Hörbehinderung

Weitgehend zugänglich

Gehörlose sind vor allem durch fehlende Inhalte in Deutscher Gebärdensprache eingeschränkt, können textbasierte Inhalte ansonsten aber weitgehend nutzen.

Motorische Behinderung

Mit Hindernissen nutzbar

Mangelhafte Fokusreihenfolge, schlecht sichtbarer Fokus und schwache Kontraste von Bedienelementen behindern Tastatur- und alternative Eingaben merklich.

Lernbehinderung

Mit Hindernissen nutzbar

Unklare Linkzwecke, schlechte Fehlermeldungen und unpräzise Formulardesigns erschweren Orientierung und Fehlermanagement für Menschen mit kognitiven Einschränkungen.

Neurodivergenz

Mit Hindernissen nutzbar

Inkonsistente Struktur, lange Linktexte und unklare Rückmeldungen nach Aktionen können Orientierung und Konzentration stören, ohne die Nutzung vollständig zu verhindern.

Wahrscheinliche Barrieren

Barriere	Auswirkung	Melden
Formularfelder nicht verständlich beschriftet Im Newsletter-Formular sind Beschriftungen nicht korrekt mit den Eingabefeldern verbunden. Pflichtfelder sind nur über Sternchen markiert und werden von Hilfstechnologien nicht zuverlässig als Pflichtfelder erkannt. Fehlerhinweise sind zudem nur allgemein und nicht direkt am betroffenen Feld erklärt.	Ich weiß beim Ausfüllen nicht immer sicher, welches Feld gemeint ist oder was ich korrigieren muss. Wenn ein Fehler auftritt, finde ich die Ursache schwer und das Formular wird unnötig frustrierend.	Melden
Vergrößerung und Umbruch für sehbehinderte Nutzende eingeschränkt Die Seite verhindert das Zoomen durch die Viewport-Einstellung. Damit wird auch ein sinnvoller automatischer Umbruch bei vergrößerter Darstellung beeinträchtigt. Für kleinere Bedienelemente und Texte ist die Wahrnehmbarkeit zusätzlich durch schwachen Kontrast eingeschränkt.	Ich kann Inhalte nicht groß genug darstellen, um sie bequem zu lesen. Das macht das Erfassen von Texten und das Bedienen der Seite bei Sehschwäche deutlich schwerer.	Melden
Unklare Linkziele durch zu lange Linktexte Mehrere Inhalte sind komplett als ganzer Abschnitt verlinkt, statt nur mit einer klaren Überschrift oder einem kurzen Linktext. Dadurch werden Linkziele unnötig lang und schwer zu erfassen. Auch PDF-Links und die E-Mail-Adresse sind nicht eindeutig als solche erkennbar.	Ich kann oft nicht schnell erkennen, wohin ein Link führt oder ob er eine Datei, eine E-Mail oder eine Unterseite öffnet. Das kostet Zeit und erhöht das Risiko, den falschen Inhalt zu öffnen.	–
Tastaturfokus springt nach Aktionen an den Seitenanfang Nach Suche, Filterung oder Paginierung landet der Fokus wieder oben auf der Seite. Dadurch geht der aktuelle Arbeitskontext verloren und die Ergebnisliste ist nicht mehr direkt auffindbar. Zusätzlich ist der Fokus auf Schaltflächen nicht deutlich genug sichtbar.	Ich verliere nach jeder Aktion meine Position und muss mich erst wieder orientieren. Wenn ich nur per Tastatur arbeite, wird die Bedienung deutlich mühsamer und fehleranfälliger.	–
Wichtige Informationen in Deutscher Gebärdensprache fehlen Die geforderten Inhalte in Deutscher Gebärdensprache sind nicht bereitgestellt. Dazu gehören Hinweise zu Navigation, Inhalten und zur Erklärung der Barrierefreiheit. Ohne diese Informationen fehlt eine zentrale Zugänglichkeit für gehörlose Nutzende.	Ich kann die bereitgestellten Hinweise und Erklärungen nicht in meiner bevorzugten Sprache für gehörlose Menschen nutzen. Dadurch wird mir der Zugang zu wichtigen Website-Informationen erschwert oder praktisch genommen.	–
Bedienelemente und Eingabefelder schlecht erkennbar Der Scroll-Top-Button und die Rahmen der Formularfelder haben zu wenig Kontrast zum Hintergrund. Dadurch wirken wichtige Bedienelemente visuell fast unsichtbar. Auch der Fokuszustand des Absenden-Buttons ist nur sehr schwach hervorgehoben.	Ich erkenne nicht immer sofort, was klickbar ist oder wo ich gerade bin. Das erschwert sowohl die Orientierung als auch das sichere Ausfüllen von Formularen.	–
Erklärung zur Barrierefreiheit unvollständig Die Erklärung zur Barrierefreiheit enthält laut Prüfdaten nicht alle vorgeschriebenen Angaben. Es fehlen unter anderem Informationen zum Erfüllungsgrad, zu nicht barrierefreien Inhalten, zur Prüfmethode und zum Datum. Damit ist die Erklärung selbst nicht verlässlich nutzbar.	Ich kann nicht schnell nachvollziehen, welche Barrieren bekannt sind und wie damit umgegangen wird. Das erschwert es mir, die Nutzbarkeit der Seite einzuschätzen oder gezielt Unterstützung zu finden.	–

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.innovative-hochschule.de/ihs/de/home/home_node.html
https://www.innovative-hochschule.de/SiteGlobals/Forms/ihs/expertensuche/Servicesuche_Formular.html?nn=1072730&resourceId=1078792&input_=1072730&pageLocale=de&templateQueryString=forschung&submit=
https://info.innovative-hochschule.de/-lp/hrqqv33227/d3gCt96
https://www.innovative-hochschule.de/ihs/de/foerderinitiative/ueber-die-foerderinitiative/ueber-die-foerderinitiative_node.html

Empfehlung & Status

Beheben Sie alle im Bericht aufgeführten Verstöße, insbesondere durch Korrektur der Linkstruktur und Alternativtexte, Verbesserung von Fokusindikatoren, Kontrast und Formulardaten sowie durch Aktualisierung der Erklärung zur Barrierefreiheit und Bereitstellung der geforderten Informationen in Deutscher Gebärdensprache.

Prüfkriterien

Nicht bestanden

Kriterium	Status	Notizen
9.1.1.1 Nicht-Text-Inhalt	nicht bestanden	Die Urheberrechtsangabe zur Layoutgrafik im Header wird zusätzlich als sichtbarer Text ausgegeben und damit auch von Screenreadern wiedergegeben. Blenden Sie diese Angabe für assistive Technologien technisch aus (z. B. aria-hidden="true" oder display:none), sofern sie ausschließlich zum zusammengefügten Layout gehört.
9.1.1.1 Nicht-Text-Inhalt	nicht bestanden	Der Alternativtext des Logos im Header lautet "Government Sitebuilder Standardlösung" und beschreibt nicht das sichtbare Logo. Ersetzen Sie ihn durch eine präzise Bezeichnung wie "Logo der Innovativen Hochschule" oder, wenn der Link zur Startseite führt, "Startseite der Innovativen Hochschule".
9.1.3.1 Info und Beziehungen	nicht bestanden	Im Newsletter-Formular sind Feldbeschriftungen nicht korrekt mit den Eingabefeldern verknüpft, sodass Screenreader die Zuordnung nicht herstellen. Verknüpfen Sie Labels und Eingabefelder programmgesteuert über for/id oder umschließende label-Elemente.
9.1.3.1 Info und Beziehungen	nicht bestanden	Die Comboboxen für Anrede und Land lassen visuell keine Hinweise auf eine Auswahlfunktion erkennen. Ergänzen Sie z. B. einen Dropdown-Pfeil oder erläuternde Beschriftung, damit die visuelle Darstellung die programmatisch vermittelte Funktion widerspiegelt.
9.1.3.2 Bedeutungsvolle Reihenfolge	nicht bestanden	Nach der Navigation folgt die Newsletter-Überschrift, bevor die erläuternden Urheberrechtsinformationen ausgegeben werden, sodass die lineare Lesereihenfolge die logische Struktur nicht widerspiegelt. Ordnen Sie die Inhalte im Quellcode so, dass sich Lesereihenfolge und sichtbare Struktur angleichen, bzw. blenden Sie irrelevante Informationen für Screenreader aus.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Der Newsletterbereich inklusive Überschrift und Teasertext ist komplett in einem Link eingebettet, sodass Screenreader den gesamten Abschnitt wie einen zusammenhängenden Linktext ausgeben. Beschränken Sie das a-Element auf tatsächlich klickbare Inhalte wie "Newsletter abonnieren" und platzieren Sie erläuternde Texte außerhalb.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Artikel unter "Neuigkeiten" und "Übergreifende IHS-Veranstaltungen" sind vollständig in jeweils einem a-Element eingebettet, einschließlich Überschrift, Datum und Teaser, wodurch Screenreader lange und uneindeutige Linktexte melden. Verwenden Sie als Linktext ausschließlich die aussagekräftige H3-Überschrift oder den "Mehr"-Link und platzieren Sie übrige Inhalte außerhalb des a-Elements.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Im Bereich "Zweite Förderrunde" ist ebenfalls der gesamte Artikel inklusive Überschrift, Teaser und weiterer Links in ein einzelnes a-Element eingebettet, sodass der Linktext den gesamten Artikelinhalt enthält. Reduzieren Sie das a-Element auf eine kompakte Linkbeschreibung (z. B. die H3-Überschrift) und platzieren Sie ergänzende Inhalte separat.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Die Links auf "Flyer" und "Broschüre" enden in PDF-Downloads, weisen aber keinen Hinweis auf das Dateiformat auf. Ergänzen Sie den sichtbaren Linktext um "(PDF)", damit Nutzende den Zweck des Links und das Dateiformat erkennen.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Die sichtbaren Linktexte für die E-Mail-Adresse bestehen lediglich aus der Adresse und enthalten keine zusätzlichen Hinweise, sodass Screenreader nicht erkennen, dass es sich um einen E-Mail-Link handelt. Ergänzen Sie den Linktext oder verwenden Sie ein aria-label wie "E-Mail an info@innovative-hochschule.de".
9.2.4.3 Fokus-Reihenfolge	nicht bestanden	Nach Interaktionen wie Suche, Filterung oder Paginierung springt der Fokus zum Seitenanfang, sodass Tastaturnutzende ihre Position verlieren. Setzen Sie den Fokus nach Aktionen gezielt auf eine sinnvolle Stelle (z. B. Überschrift „Suchergebnisse“) oder führen Sie ihn auf das zuvor aktive Element zurück.
9.2.4.4 Linkzweck (im Kontext)	nicht bestanden	Jedes Suchergebnis ist vollständig in ein einziges a-Element eingebettet, wodurch sowohl die H2-Überschrift als auch der Beschreibungstext als Linktext ausgegeben werden. Beschränken Sie den Link auf die H2-Überschrift und belassen Sie erläuternde Texte außerhalb des a-Elements, damit der Linkzweck klar bleibt.
9.1.4.4 Textgröße ändern	nicht bestanden	Die Zoomfunktion wird durch die Viewport-Einstellung <meta name='viewport' content='width=device-width, initial-scale=1, shrink-to-fit=no'> deaktiviert, wodurch Nutzende Inhalte nicht vergrößern können. Ersetzen Sie die Einstellung durch eine Variante ohne Einschränkung des Zooms (z. B. keine maximum-scale/minimum-scale/user-scalable=no), damit Zoomen möglich ist.
9.1.4.10 Automatischer Umbruch (Reflow)	nicht bestanden	Die Seite lässt sich nicht zoomen, was im Zusammenhang mit 1.4.4 steht. Sorgen Sie für eine responsive Layout-Struktur, die einen automatischen Umbruch (Reflow) ermöglicht und das Zoomen nicht verhindert.
9.1.4.11 Nicht-Text-Kontrast	nicht bestanden	Der Scroll-Top-Button am unteren Seitenrand weist nur ein Kontrastverhältnis von 1,5:1 gegenüber dem weißen Hintergrund auf, wodurch das Bedienelement visuell schlecht erkennbar ist. Erhöhen Sie den Kontrast (inkl. Symbol oder Rahmen und Fokuszustand) auf mindestens 3:1.
9.1.4.11 Nicht-Text-Kontrast	nicht bestanden	Die Rahmen von Eingabefeldern im Newsletter-Formular erreichen lediglich ein Kontrastverhältnis von 1,4:1 zum Hintergrund, wodurch sie kaum wahrnehmbar sind. Erhöhen Sie den Kontrast von Rahmen oder Hintergrund auf mindestens 3:1.
9.2.4.7 Fokus sichtbar	nicht bestanden	Der Absenden-Schalter besitzt im Fokus nur einen 1px schwarzen Rahmen auf blauem Hintergrund, sodass der Fokus nicht deutlich sichtbar ist. Nutzen Sie z. B. zwei kombinierte Rahmenfarben (weißer innerer Rahmen, dunklerer äußerer Rahmen) oder einen Schatteneffekt, um den Fokus klar wahrnehmbar zu machen.
9.3.3.1 Fehlerkennzeichnung	nicht bestanden	Fehlermeldungen nach dem Absenden eines fehlerhaften Formulars sind nur allgemein und nicht feldbezogen, es fehlen visuelle Hervorhebungen. Platzieren Sie Fehlermeldungen direkt bei den betroffenen Feldern, verknüpfen Sie sie programmgesteuert (z. B. aria-describedby) und ergänzen Sie aria-invalid="true" sowie visuelle Kontraste.
9.3.3.3 Vorschlag bei Fehler	nicht bestanden	Bei ungültiger E-Mail-Adresse wird nur eine allgemeine Meldung ausgegeben, ohne konkreten Fehler oder Korrekturhinweis. Geben Sie verständliche Fehlermeldungen (z. B. "Bitte geben Sie eine gültige E-Mail-Adresse im Format name@domain.de ein") direkt beim Feld aus und verknüpfen Sie sie programmgesteuert über aria-describedby.
9.4.1.2 Name, Rolle, Wert	nicht bestanden	Pflichtfelder im Newsletter-Formular (E-Mail, Checkboxen) sind nur visuell mit Sternchen markiert, das required-Attribut fehlt. Ergänzen Sie required oder aria-required="true", damit assistive Technologien die Pflichtfeldfunktion programmatisch erkennen.
Zusatzkriterien Deutsche Gebärdensprache (mehrere Anforderungen)	nicht bestanden	Es fehlen die geforderten Hinweise in Deutscher Gebärdensprache, etwa Links zu Inhalten, Navigation oder zur Erklärung zur Barrierefreiheit. Stellen Sie die entsprechenden Informationen mit Verlinkungen in Deutscher Gebärdensprache bereit.
Barrierefreiheitserklärung Barrierefreiheitserklärung formal geprüft	nicht bestanden	Die Erklärung zur Barrierefreiheit erfüllt laut BITV §7 nicht die Anforderungen, z. B. fehlen Hinweise zum Erfüllungsgrad, nicht barrierefreie Inhalte, verwendete Prüfmethode und aktuelles Datum. Ergänzen Sie diese Angaben vollständig.

Kurzzusammenfassung

Technische Umgebung

KI-Schnellcheck zur Nutzbarkeit ✨

Wahrscheinliche Barrieren

Getestete Angebote

Empfehlung & Status

Prüfkriterien

Nicht bestanden

KI-Schnellcheck zur Nutzbarkeit