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.

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. Teile dieser Anwendung sind per Tastatur navigierbar, jedoch nicht vollständig 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 dekorativen Elementen

Einzelne Designelemente, insbesondere dezente Beschriftungen und Metaangaben in der dunklen Laborumgebung des Schusterkugel-Abschnitts, erreichen nicht durchgängig das Kontrastverhältnis 4,5:1 gemäß WCAG AA. Sie sind rein dekorativer Natur und enthalten keine inhaltlich notwendigen Informationen.

• Betroffen: Abschnitt "Objekt im Fokus" auf sammlung.html
• Anforderung: WCAG 2.1 Erfolgskriterium 1.4.3 (Kontrast, Minimum)

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 sichtbaren Skip-Link ("Zum Hauptinhalt springen")
• Die Seitenstruktur ist mit semantischen HTML-Elementen (header, main, nav, footer) aufgebaut
• 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
• Der Zoom auf bis zu 200 % beeinträchtigt die Lesbarkeit nicht wesentlich
• Farbgebung und Kontraste der Hauptinhalte erfüllen WCAG AA-Anforderungen

Screenreader-Unterstützung (ARIA)

• Alle Bilder mit inhaltlichem Informationsgehalt haben beschreibende Alternativtexte
• 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 (Bildlichtboxen, Exponate-Detailansichten) verwenden role="dialog", aria-modal="true" und aria-labelledby
• 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

Fokus-Sichtbarkeit

• Alle interaktiven Elemente haben sichtbare 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 auf museum.html werden per JavaScript deaktiviert, wenn prefers-reduced-motion aktiv ist

Feedback und Kontakt

Schlichtungsverfahren