Unterstützung

Barrieren sichtbar machen kostet Geld. Hilf uns, dranzubleiben.

barrieren-gutachten.de wird ehrenamtlich betrieben und finanziert sich über Steady-Mitgliedschaften von Menschen wie dir, die Barrierefreiheit und Inklusion voranbringen möchten.

ab 5 Euro
im Monat

für Recherche, Prüfungen und den Betrieb der Plattform.

Jetzt via Steady unterstützen

Stiftung Haus der Geschichte der Bundesrepublik Deutschland

Website nicht konform Prüfung vom 29.07.2025 ID: #1073
Kultur öffentliche Einrichtung
Prüfbericht herunterladen (PDF) Link kopiert!

Kurzzusammenfassung

Auftraggeber
Stiftung Haus der Geschichte der Bundesrepublik Deutschland
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 138.0.7204.158 (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 Verstöße bei Alternativtexten, semantischer Struktur, Navigation, Tastaturbedienung und Zustandskennzeichnung schränken Screenreader-Nutzung deutlich ein, machen sie aber nicht völlig unmöglich.

Sehbehinderung

Kaum nutzbar

Fehlende Zoom-Möglichkeit, mangelhafte Text- und Nicht-Text-Kontraste sowie rein farbliche Hervorhebungen erschweren die Nutzung für Sehbehinderte stark.

Hörbehinderung

Fast barrierefrei

Es werden keine Probleme mit Audio-/Video-Inhalten genannt, sodass gehörlose Menschen die Seite weitgehend uneingeschränkt nutzen können, sofern Texte verständlich sind.

Motorische Behinderung

Mit Hindernissen nutzbar

Defizite bei Tastaturbedienbarkeit, Fokusindikatoren und nicht korrekt als Buttons ausgezeichneten Steuer-Elementen führen zu erheblichen Barrieren für Nutzende mit motorischen Einschränkungen.

Lernbehinderung

Mit Hindernissen nutzbar

Unklare Überschriftenstruktur, automatisch wechselnder Slider ohne Stoppmöglichkeit und uneinheitliche Beschriftungen erschweren Orientierung und Verständnis deutlich.

Neurodivergenz

Mit Hindernissen nutzbar

Der automatische Slider, fehlende klare Struktur und teils unklare Navigations- und Steuer-Elemente sind für neurodivergente Menschen (z. B. ADHS, Autismus) stark belastend, aber nicht vollständig ausschließend.

Wahrscheinliche Barrieren

Barriere Auswirkung Melden
Hamburger-Menü lässt sich nicht sauber schließen Der Menü-Schalter reagiert offenbar nicht vollständig auf Tastatur und dient nicht sicher auch zum Schließen des aufklappbaren Menüs. Damit bleibt die mobile Navigation für manche Nutzende in einem geöffneten Zustand hängen. Ich könnte im Menü feststecken und nicht mehr zu anderen Inhalten zurückkommen. Das blockiert für mich die Nutzung der Hauptnavigation erheblich. Melden
Suche nicht per Tastatur bedienbar Das Such-Steuerelement ist nicht korrekt als Bedienelement für Tastatur und Assistive Technologien umgesetzt. Dadurch kann es sein, dass die Suche nicht zuverlässig ausgelöst oder erreicht werden kann. Ich kann die Suche möglicherweise nicht benutzen, wenn ich nicht mit der Maus arbeite. Das erschwert mir besonders das schnelle Finden von Inhalten auf der Website. Melden
Zoom durch Browser-Einstellungen eingeschränkt Die Seite begrenzt das Vergrößern über die Ansichtseinstellungen. Wer Inhalte größer darstellen muss, kann dadurch nicht frei in den Browser hineinzoomen. Ich kann Texte und Bedienelemente nicht so groß einstellen, wie ich es brauche. Das macht Lesen und Bedienen bei Sehschwäche deutlich schwerer oder teilweise unmöglich. Melden

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

Vergleich

Prüfergebnisse je Datum

29.07.2025 Vereinfachte Überwachung
angezeigtes 27 nicht bestanden 0 weitgehend 0 bestanden
06.05.2024 Vereinfachte Überwachung
12 nicht bestanden 2 weitgehend 27 bestanden
  • https://www.hdg.de/ ⓘ
  • https://www.hdg.de/suche/1/Leipzig
  • https://www.hdg.de/stiftung/arbeiten ⓘ
  • https://www.hdg.de/museum-in-der-kulturbrauerei
  • https://www.hdg.de/fileadmin/bilder/07-Stiftung/Veroeffentlichungen/Veroeffentlichungen_GiW_Huetter_Zeitgeschichten-im-Museum.pdf ⓘ

Empfehlung & Status

Die im Bericht dokumentierten Verstöße gegen die BITV/WCAG-Kriterien – insbesondere semantische Navigation, Überschriftenstruktur, Kontrast, Tastaturbedienbarkeit, Fokusindikatoren, Beschriftungen und PDF-Tagging – beheben und die beschriebenen Empfehlungen unmittelbar umsetzen.

Prüfkriterien

Nicht bestanden

Kriterium Status Notizen
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Alle informativen Bilder auf Inhaltsseite 02 durchgängig mit aussagekräftigen Alt-Texten versehen (z. B. für die drei Teaserbilder).
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die dekorativen Trennlinien in den Suchergebnissen mit aria-hidden="true" oder rein visuell per CSS umsetzen, damit Screenreader sie nicht als Inhalte vorlesen.
9.1.1.1
Nicht-Text-Inhalt 		nicht bestanden Die grafischen <hr>-Trennlinien im Footer programmatisch für assistive Technologien ausblenden (aria-hidden="true") oder ausschließlich über CSS erzeugen.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Überschriftenhierarchie der Startseite anpassen, sodass nach der <h1> unmittelbar eine <h2> folgt und die folgenden Abschnitte konsistent weiter inhaltlich gegliedert werden.
9.1.3.1
Info und Beziehungen 		nicht bestanden Auf der Suchergebnisseite nach der <h1> zunächst <h2>-Überschriften nutzen, bevor weitere <h3>-Abschnitte folgen, um die semantische Struktur klar zu gliedern.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Überschriftenhierarchie auf Inhaltsseite 01 logisch strukturieren, etwa eine <h2> unterhalb der <h1> einfügen und h4/h5-Elemente nur innerhalb korrekt verschachtelter Bereiche einsetzen.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die gesamte Überschriftenauszeichnung auf Inhaltsseite 02 überarbeiten (z. B. keine leeren <h2>, korrekt geschachtelte Ebenen für <h4> bis <h6>), damit die Struktur für assistive Technologien nachvollziehbar ist.
9.1.3.1
Info und Beziehungen 		nicht bestanden Top- und Fußnavigation in jeweils eigene <nav>-Elemente mit sprechendem aria-label (z. B. aria-label="Hauptnavigation" bzw. "Fußnavigation") umwandeln.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Social-Media-Linkgruppe in ein <nav> mit aria-label wie "Social-Media-Navigation" fassen, damit Screenreader den Bereich als eigene Navigation erkennen.
9.1.3.1
Info und Beziehungen 		nicht bestanden Das verwaiste <a name="…">-Element entfernen oder durch ein id-Attribut am nächsten sinntragenden Element ersetzen; alternativ mit aria-hidden="true" versehen.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Paginierung mit einem aria-label („Seitennavigation“) versehen und jedem Link ein aria-label mit Seitenbezug sowie aria-current="page" für die aktive Seite geben.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Subnavigation unterhalb der Standortnavigation in ein semantisch passendes Container-Element (z. B. <nav role="navigation">) mit geeignetem aria-label einbetten.
9.1.3.1
Info und Beziehungen 		nicht bestanden Die Datumsangabe nicht als Überschrift auszeichnen; stattdessen z. B. ein <p><time datetime="…">…</time></p> benutzen, um die Strukturintegrität zu erhalten.
9.1.4.1
Benutzung von Farbe 		nicht bestanden Zur farblichen Hervorhebung der aktiven Seite in der Paginierung eine zusätzliche Kennzeichnung (z. B. Unterstreichung, geänderte Schrift oder Symbol) ergänzen.
9.1.4.3
Kontrast (Minimum) 		nicht bestanden Die Farbwerte im Footer so anpassen, dass das Kontrastverhältnis von mindestens 4,5:1 für Text erreicht wird (z. B. dunkleres Grün oder heller Hintergrund).
9.1.4.3
Kontrast (Minimum) 		nicht bestanden Die Schriftfarbe #7A7A7A in Top- und Standortnavigation durch einen dunkleren Ton ersetzen oder den Hintergrund abdunkeln, um das Verhältnis ≥4,5:1 sicherzustellen (betrifft auch die Ausklapplisten).
9.1.4.4
Textgröße ändern 		nicht bestanden maximum-scale und user-scalable aus dem viewport-Tag entfernen (z. B. <meta name="viewport" content="width=device-width, initial-scale=1">), damit Zoomen jederzeit möglich ist.
9.1.4.11
Nicht-Text-Kontrast 		nicht bestanden Die sichtbaren Ränder oder Hintergründe des Sucheingabefelds so gestalten, dass sie ein Kontrastverhältnis von mindestens 3:1 zum umliegenden Hintergrund erreichen.
9.2.1.1
Tastatur 		nicht bestanden Das Such-Steuerelement als <button> auszeichnen oder die Rolle role="button" mit tabindex="0" und einem Tastatur-Event ergänzen, damit es fokussierbar ist.
9.2.1.1
Tastatur 		nicht bestanden Der Menü-Schalter muss auch zum Schließen des Hamburger-Menüs dienen und auf Tastatureingaben reagieren, damit Nutzende das Menü eigenständig ausblenden können.
9.2.2.2
Pausieren, stoppen, ausblenden 		nicht bestanden Dem automatisch wechselnden Slider Bedienelemente zum Pausieren/Stoppen geben oder den Wechsel vollständig deaktivieren und durch manuelle Steuerung ersetzen.
9.2.4.4
Linkzweck (im Kontext) 		nicht bestanden Alle dekorativen Social-Media-Icons per aria-hidden="true" ausblenden (z. B. am <span class="glyphicon">) und den Linktext/aria-label zur semantischen Aussage nutzen.
9.2.4.4
Linkzweck (im Kontext) 		nicht bestanden Die Beschriftung der Ausklappbereiche auf der Veranstaltungsseite so strukturieren, dass nur der Titel/Datum als Label ausgegeben wird (z. B. differenziertes aria-label oder aria-labelledby).
9.2.4.7
Fokus sichtbar 		nicht bestanden Im responsiven Hamburger-Menü einen deutlich sichtbaren Fokusstil (kontrastreiche Umrandung/Hintergrund/Unterstreichung) für alle Menüpunkte implementieren (Kontrast ≥3:1).
9.4.1.2
Name, Rolle, Wert 		nicht bestanden Die Social-Media-Menü-Schaltfläche um aria-expanded und aria-controls ergänzen und das Popover mit role="region" oder "menu" sowie einem aussagekräftigen Label versehen (aria-label/aria-labelledby).
9.4.1.2
Name, Rolle, Wert 		nicht bestanden Beim Öffnen der Ausklappliste den Wert von aria-expanded auf "true" setzen und beim Schließen wieder auf "false", um den tatsächlichen Zustand korrekt auszuweisen.
9.4.1.2
Name, Rolle, Wert 		nicht bestanden Den Informationsschalter mit einer aussagekräftigen Beschriftung versehen (z. B. aria-label="Weitere Informationen anzeigen" oder aria-labelledby auf ein verstecktes Label).

Nicht anwendbar

Kriterium Status Notizen
9.1.3.1
Info und Beziehungen 		nicht anwendbar Empfehlung: Die redundante Footer-Navigation zusätzlich als <nav> mit sprechendem aria-label auszeichnen, um semantische Konsistenz zu gewährleisten.
9.2.4.2
Seite mit Titel 		nicht anwendbar Empfehlung: Den <title>-Element der Startseite um einen Hinweis auf die Funktion ergänzen (z. B. "Startseite – hdg.de"), damit die Seitenfunktion klar erkennbar ist.

Möglicherweise verwandte Prüfungen

Stiftung Denkmal

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 20.08.2025

https://adenauerhaus.de/

Überwachungsstelle des Bundes für Barrierefreiheit von Informationstechnik

Prüfung vom 22.04.2025