Barrierefreiheitserklärung

Stand der Vereinbarkeit

Wir arbeiten fortlaufend daran, die Barrierefreiheit unserer Website zu verbessern. Die nachfolgend genannten Einschränkungen sind uns bekannt, und wir sind bestrebt, diese schrittweise zu beheben.

Verbesserungen seit der letzten Überprüfung

Seit der Überprüfung im August 2026 haben wir folgende Punkte verbessert:

• Das Navigationsmenü öffnet sich als modaler Dialog: Der Tastaturfokus bleibt im Menü, der Seitenhintergrund ist für Hilfstechnologien inaktiv, die Escape-Taste schließt das Menü, und Untermenüs melden ihren Zustand (aria-expanded)
• Alle Seiten lassen sich bei Breiten von 320 bis 1920 Pixeln ohne horizontales Scrollen und ohne abgeschnittene Inhalte nutzen (deutsche und englische Fassung geprüft); lange Wörter werden umgebrochen
• Klick- und Tippflächen sind mindestens 24 × 24 Pixel groß (WCAG 2.2, Kriterium 2.5.8), die Menüschaltflächen 44 Pixel
• Fokusrahmen sind zweifarbig (hell und dunkel) und bleiben dadurch auf hellen wie dunklen Flächen sichtbar
• Bei der Betriebssystem-Einstellung "Bewegung reduzieren" wird das Hintergrundvideo der Startseite angehalten (es bleibt das Standbild), Parallax-Effekte werden abgeschaltet
• Kontraste nachgebessert: Kleingedrucktes und Spaltenüberschriften im Fußbereich, Beschriftungen auf den Rechtsseiten (Impressum, Datenschutz), die 404-Seite sowie Beschreibungstexte auf digital.html und archiv.html
• Der Cookie-Hinweis ist auf allen Seiten einheitlich aufgebaut, mit ausreichendem Kontrast und großen Schaltflächen
• Die Karten zu Personen auf dauerausstellung.html verwenden das native Element details/summary und sind damit per Tastatur und Screenreader bedienbar
• Rein dekorative Bilder sind für Screenreader ausgeblendet (leerer Alternativtext bzw. aria-hidden)
• Auf digital.html besitzt das 3D-Modell eine Textalternative und lässt sich mit Maus, Touch und Tastatur drehen
• Auf kurbel.html besitzen die Filterleiste und der Schalter für den Chronisten zugängliche Namen; doppelt vergebene Element-IDs in der Zeitleiste wurden behoben
• Skip-Link auf sammlung-online.html ergänzt; die Spaltenüberschriften im Fußbereich sind in der Dokumentstruktur als Überschriften der Ebene 2 ausgezeichnet

Nicht barrierefreie Inhalte

Interaktive Canvas-Elemente

Der Licht-Refraktions-Simulator (Schusterkugel) auf der Seite "Sammlung & Forschung" basiert auf dem HTML-Canvas-Element. Die Glaskolben-Simulation ist vollständig per Tastatur (Pfeiltasten) bedienbar und gibt Statusinformationen über eine ARIA-Live-Region an Screenreader aus. Da der visuelle Simulationsinhalt jedoch nicht als strukturierter Text zugänglich ist, bleibt eine Einschränkung für Nutzer, die ausschließlich auf Screenreader angewiesen sind.

• Betroffen: Seite "Sammlung & Forschung" (sammlung.html), Abschnitt "Licht-Refraktions-Simulator"
• Anforderung: WCAG 2.1 Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt): Tastatursteuerung (2.1.1) ist erfüllt
• Geplante Abhilfe: Textliche Beschreibung der Lerninhalte als ergänzende Vollalternative

Zeitkurbel (interaktive Zeitleiste)

Die interaktive Zeitkurbel auf kurbel.html enthält eine animierte Zeitleiste. Filterleiste und Schaltflächen sind per Tastatur bedienbar und besitzen zugängliche Namen. Das animierte Kurbel-Element und weitere Zusatzfunktionen sind jedoch nicht für alle assistiven Technologien optimiert.

• Betroffen: Seite "Zeitkurbel" (kurbel.html)
• Anforderung: WCAG 2.1 Erfolgskriterium 1.3.1 (Info und Beziehungen), 2.1.1 (Tastatur)

Bildgalerien und Fotomaterial

Einige historische Fotografien in der Galerie besitzen nur kurze, generische Alternativtexte. Detaillierte inhaltliche Beschreibungen werden schrittweise nachgepflegt.

• Betroffen: Bildergalerien auf ausstellung.html, sammlung.html, dauerausstellung.html
• Anforderung: WCAG 2.1 Erfolgskriterium 1.1.1 (Nicht-Text-Inhalt)

Farbkontraste bei Texten auf Fotos und bei Akzentfarben

Texte, die direkt auf Fotos oder Videos liegen (zum Beispiel die Kopfzeile mit der Navigation über den Titelbildern und Überschriften in Titelbereichen), erreichen je nach Bildausschnitt nicht durchgängig das Kontrastverhältnis 4,5:1 gemäß WCAG AA. Einzelne kleine Beschriftungen in der Akzentfarbe Gelb auf Teal erreichen rund 3:1. Dezente Beschriftungen und Metaangaben in der dunklen Laborumgebung des Schusterkugel-Abschnitts sind rein dekorativer Natur und enthalten keine inhaltlich notwendigen Informationen.

• Betroffen: Titelbereiche mehrerer Seiten; Abschnitt "Objekt im Fokus" auf sammlung.html
• Anforderung: WCAG 2.1 Erfolgskriterium 1.4.3 (Kontrast, Minimum)
• Geplante Abhilfe: schrittweise Anpassung der betroffenen Beschriftungen; Kontraste im Fußbereich, auf den Rechtsseiten und auf der 404-Seite wurden bereits verbessert

Überschriftenstruktur

Auf einigen Seiten werden Überschriftenebenen übersprungen (zum Beispiel von h2 direkt auf h4). Die Abschnitte bleiben über ihre Überschriften erreichbar, die Hierarchie ist aber nicht überall lückenlos.

• Betroffen: unter anderem aktuelles.html, besuch.html, kontakt.html, kurbel.html, vermittlung.html sowie mehrere Meldungs- und Veranstaltungsseiten
• Anforderung: WCAG 2.1 Erfolgskriterium 1.3.1 (Info und Beziehungen), 2.4.6 (Überschriften und Beschriftungen)
• Geplante Abhilfe: Überschriftenebenen schrittweise korrigieren

Hintergrundvideos

Auf der Startseite, auf ausstellung.html und auf sammlung.html laufen stumme Hintergrundvideos in Dauerschleife. Sie sind rein dekorativ, besitzen aber keine eigene Pause-Schaltfläche. Bei der Betriebssystem-Einstellung "Bewegung reduzieren" werden sie angehalten oder gar nicht erst geladen.

• Betroffen: index.html, ausstellung.html, sammlung.html
• Anforderung: WCAG 2.1 Erfolgskriterium 2.2.2 (Pausieren, Beenden, Ausblenden)
• Geplante Abhilfe: Pause-Schaltfläche für Hintergrundvideos

Technische Informationen

Dieser Internetauftritt ist eine statische HTML/CSS/JavaScript-Website ohne Content-Management-System. Die Inhalte werden redaktionell gepflegt und regelmäßig aktualisiert.

Navigation und Struktur

• Alle Seiten verfügen über einen Skip-Link ("Zum Hauptinhalt springen"), der bei Tastaturbedienung sichtbar wird
• Die Seitenstruktur ist mit semantischen HTML-Elementen (header, main, nav, footer) aufgebaut; jede Seite hat genau eine Hauptüberschrift (h1), ein main-Element und einen eindeutigen Seitentitel
• Die Hauptnavigation ist per Tastatur erreichbar
• Alle Seiten sind in korrekt ausgezeichnetem Deutsch verfasst (lang-Attribut); der Sprachwechsel-Link ist inline mit lang="en" ausgezeichnet, damit Screenreader "EN" englisch aussprechen
• Jedes zweisprachige Seitenpaar ist mit hreflang-Links maschinenlesbar verknüpft
• Die Zoomfunktion der Browser ist nicht gesperrt; der Zoom auf bis zu 200 % beeinträchtigt die Lesbarkeit nicht wesentlich, und bei 320 Pixeln Breite (entspricht etwa 400 % Zoom) bleibt der Inhalt ohne horizontales Scrollen lesbar
• Farbgebung und Kontraste der Hauptinhalte erfüllen weitgehend WCAG AA; Ausnahmen sind im Abschnitt "Nicht barrierefreie Inhalte" genannt

Screenreader-Unterstützung (ARIA)

• Alle Bilder besitzen ein Alternativtext-Attribut; Bilder mit inhaltlichem Informationsgehalt haben beschreibende Alternativtexte
• Alle Formularfelder besitzen eine Beschriftung, alle Links und Schaltflächen einen zugänglichen Namen (am 10. Oktober 2026 automatisiert für alle Seiten geprüft)
• Navigations- und Formularelemente sind mit ARIA-Labels versehen
• Dynamische Inhalte (Quiz-Rückmeldungen, Simulator-Status) sind mit aria-live-Regionen versehen
• Die Öffnungszeiten-Statusanzeige auf besuch.html ist mit zwei unabhängigen aria-live-Regionen ausgestattet und zeigt den aktuellen Öffnungsstatus in Echtzeit an
• Das FAQ auf besuch.html verwendet das vollständige ARIA-Akkordeon-Muster (role="button", aria-expanded) auf allen acht Einträgen
• Das Abstimmungs-Widget auf digital.html setzt das vollständige ARIA-Radio-Muster (role="radiogroup", role="radio", aria-checked) um
• Der Chatbereich auf digital.html ist mit role="log" und aria-live="polite" ausgezeichnet
• Filterbuttons auf fotoarchiv.html kommunizieren ihren Zustand mit aria-pressed
• Modale Dialoge (Navigationsmenü, Bildlichtboxen, Exponate-Detailansichten) verwenden role="dialog", aria-modal="true" und aria-labelledby bzw. aria-label
• Die Exponat-Seiten schalten aria-hidden auf Hintergrundinhalt, wenn ein Dialog geöffnet ist
• Audiowiedergabe auf den Exponat-Seiten ist mit aria-pressed (Play/Pause) und role="progressbar" mit aria-valuenow/min/max ausgezeichnet
• Fotogalerien auf fotoarchiv.html melden die Anzahl geladener Fotos über aria-live an Screenreader

Tastatursteuerung

• Der Schusterkugel-Simulator (sammlung.html) ist vollständig per Tastatur (Pfeiltasten) bedienbar und gibt Zustandsmeldungen über eine ARIA-Live-Region aus
• Alle Fotogalerie-Bilder auf sammlung.html sind mit tabindex="0", role="button" und onkeydown (Enter/Leertaste) vollständig tastaturzugänglich
• Das Testimonial-Karussell auf heiraten.html ist per Pfeiltasten navigierbar
• Presseartikel-Karten auf presse.html und Lightboxes auf fotoarchiv.html sind per Tastatur (Enter, Leertaste, Escape, Pfeiltasten) bedienbar
• Community-Karten auf mitmachen.html öffnen ihren Dialog per Tastatur; die Datei-Dropzone ist per Enter/Leertaste aktivierbar
• Exponat-Detailansichten (Bodenblätter) sind vollständig per Tastatur steuerbar
• Das geöffnete Navigationsmenü hält den Tastaturfokus im Menü und lässt sich mit Escape schließen

Fokus-Sichtbarkeit

• Alle interaktiven Elemente haben sichtbare, zweifarbige Fokusindikatoren (focus-visible)
• Der Canvas-Simulator auf sammlung.html zeigt einen sichtbaren Fokusrahmen (#sk-canvas:focus-visible)
• digital.html enthält acht komponentenspezifische focus-visible-Regeln für Buttons, Karten, Chips und Links

Bewegungsreduzierung

• Alle Seiten respektieren das Betriebssystem-Merkmal "Bewegung reduzieren" (prefers-reduced-motion) sowohl per CSS als auch per JavaScript
• Exponat-Seiten setzen animation-duration: 0.01ms für maximale Kompatibilität mit assistiven Einstellungen
• Parallax-Effekte (museum.html, index.html, kurbel.html) werden deaktiviert, wenn prefers-reduced-motion aktiv ist
• Hintergrundvideos werden bei aktiver Einstellung angehalten bzw. nicht geladen

Feedback und Kontakt

Schlichtungsverfahren