Staatliches Gutachten zur digitalen Barrierefreiheit
innovative-hochschule.de
Nutzbarkeit mit unterschiedlichen Behinderungen
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.
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.innovative-hochschule.de/ihs/de/home/home_node.html Web-Angebot öffnen
-
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
Prüfkriterien
Nicht bestanden
| Kriterium | Status | Notizen |
|---|---|---|
| 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. |
| 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". |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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". |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
| 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. |
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.