# Erklärung zur Barrierefreiheit / Accessibility Statement

**Projekt:** Wellenritt der Wahrnehmung / Wave Ride of Perception
**Version:** 2.5
**Stand:** 6. August 2026

## Deutsch

### Ziel und aktueller Stand

Dieses Projekt wird schrittweise barriereärmer umgesetzt. Für Version 2.5 wurden die mobile Bedienung erklärt, eine Ein-Finger-Alternative ergänzt, Fokusführung in Dialogen verbessert und reduzierte Bewegung in der Oberfläche berücksichtigt.

Eine vollständige Konformität mit WCAG 2.2 AA oder der EN 301 549 wird derzeit **nicht** behauptet. Der zentrale Museumsraum ist eine interaktive WebGL-/Three.js-3D-Anwendung. Kunstwerke, räumliche Beziehungen und alle visuellen Inhalte des GLB-Modells liegen noch nicht als vollständige textliche oder strukturelle Alternative vor.

### Umgesetzte Maßnahmen in Version 2.5

- Auf Android- und iOS-Touchgeräten erscheint beim ersten Start eine Steuerungshilfe.
- Der dauerhafte Hinweis nennt ausdrücklich die benötigte Zwei-Finger-Bedienung: ein Finger am Joystick, ein zweiter Finger für die Blickrichtung.
- Die Hilfe kann jederzeit über den Button `Steuerung` erneut geöffnet werden.
- Eine optionale Ein-Finger-Steuerung bietet getrennte, beschriftete Buttons für Bewegung und Blickrichtung. Eine Bewegungsrichtung bleibt aktiv, bis `Stopp` gewählt wird.
- Die Desktop-Steuerung ist per Tastatur möglich: `WASD` oder Pfeiltasten; `M` öffnet das Menü; `Esc` beendet den Mausfang.
- Das WebGL-Canvas ist fokussierbar und besitzt eine zugängliche Bedienbeschreibung sowie Tastaturkürzel-Metadaten.
- Museumsmenü und Touch-Hilfe setzen den Fokus beim Öffnen, halten ihn im Dialog und geben ihn beim Schließen zurück.
- Interaktive Ziele der neuen mobilen Steuerung sind mindestens 44 × 44 CSS-Pixel groß.
- `prefers-reduced-motion: reduce` reduziert CSS-Animationen und Übergänge.
- Die Sprache der Steuerungshilfe wechselt gemeinsam mit Deutsch/Englisch.
- Für die Steuerungshilfe werden keine Cookies, kein `localStorage` und kein `sessionStorage` verwendet.

### Bedienung

#### Desktop

- Bewegen: `W`, `A`, `S`, `D` oder Pfeiltasten
- Umsehen: Klick in das Museum und Maus bewegen
- Mausfang lösen: `Esc` oder erneuter Klick
- Museumsmenü: `M` oder Button `Menü`

#### Android und iOS – Standard

1. Finger 1 hält den linken Joystick und steuert die Bewegung.
2. Finger 2 zieht gleichzeitig im Museumsbild und steuert die Blickrichtung.
3. `Menü`, `Info`, `Karte` und `Steuerung` liegen als eigene Buttons rechts.

#### Android und iOS – Ein-Finger-Alternative

1. `Steuerung` öffnen.
2. `Ein-Finger-Steuerung aktivieren` wählen.
3. Eine Bewegungsrichtung antippen; die Bewegung läuft weiter.
4. `Stopp` beendet die Bewegung.
5. Blick-Buttons drehen die Ansicht schrittweise.

### Bekannte Barrieren und Grenzen

- Das 3D-Modell und die darin enthaltenen Kunstwerke besitzen noch keine vollständige Textalternative, Objektliste oder Audiodeskription.
- Die räumliche Navigation kann für blinde Nutzerinnen und Nutzer trotz beschrifteter Bedienelemente nicht gleichwertig nachvollziehbar sein.
- Der Canvas-Lade- und Endscreen enthält weiterhin programmatisch gezeichnete Bewegung. Die CSS-Oberfläche respektiert reduzierte Bewegung; die Canvas-Animationen müssen noch separat vollständig angepasst werden.
- Kontrast, Zoom bis 200 %, Hochkontrastmodi, VoiceOver, TalkBack, NVDA, JAWS und verschiedene Schaltersteuerungen wurden noch nicht vollständig systematisch geprüft.
- Die Kartenbilder benötigen langfristig eine textliche Raum- und Wegealternative.
- Die Anwendung verhindert das normale Scrollen, weil die gesamte Fläche als 3D-Steuerung dient. Dies kann mit einigen assistiven Bedienformen kollidieren.

### Empfohlene Prüfung vor Veröffentlichung

- Tastaturtest ohne Maus
- Fokusreihenfolge und sichtbare Fokusmarkierung
- VoiceOver unter iOS Safari
- TalkBack unter Android Chrome
- NVDA mit Firefox oder Chrome unter Windows
- 200-%-Zoom und kleine Viewports
- `prefers-reduced-motion`
- Kontrastprüfung der Buttons und Texte
- Bedienung der Ein-Finger-Steuerung mit Bildschirmleser und Schaltersteuerung

### Rückmeldung

Barrieren können gemeldet werden an:
Jeremias Erdogan
E-Mail: [Jeremiaserdogan@gmail.com](mailto:Jeremiaserdogan@gmail.com)

---

## English

### Goal and current status

This project is being improved incrementally for accessibility. Version 2.5 adds explicit mobile instructions, a single-finger alternative, improved dialog focus management, and reduced-motion handling for the CSS interface.

The project does **not** currently claim full WCAG 2.2 AA or EN 301 549 conformance. The central museum is an interactive WebGL/Three.js 3D environment. The artworks, spatial relationships, and visual content of the GLB model do not yet have a complete textual or structural alternative.

### Measures implemented in version 2.5

- Android and iOS touch devices show a controls guide on first start.
- The persistent hint explicitly explains the two-finger interaction: one finger on the joystick and a second finger for viewing direction.
- The guide can be reopened at any time through the `Controls` button.
- Optional single-finger controls provide separate labelled buttons for movement and viewing direction. Movement continues until `Stop` is selected.
- Desktop keyboard controls remain available through `WASD` or the arrow keys; `M` opens the menu; `Esc` releases pointer lock.
- The WebGL canvas is keyboard-focusable and includes an accessible controls description and keyboard shortcut metadata.
- The museum menu and touch guide move focus into the dialog, keep focus inside, and restore focus when closed.
- New mobile control targets are at least 44 × 44 CSS pixels.
- `prefers-reduced-motion: reduce` reduces CSS animations and transitions.
- Controls help follows the selected German/English language.
- No cookies, `localStorage`, or `sessionStorage` are used for the guide.

### Known barriers and limitations

- The 3D model and artworks do not yet include complete text alternatives, an object list, or audio descriptions.
- Spatial navigation may not be equivalent for blind visitors even though controls are labelled.
- Canvas-based loader and exit animations still contain programmatic motion. The CSS interface respects reduced motion, but the canvas animations require separate work.
- Contrast, 200% zoom, high-contrast modes, VoiceOver, TalkBack, NVDA, JAWS, and switch controls have not yet been tested systematically across the full application.
- Map images still need a textual room and route alternative.
- Normal page scrolling is disabled because the viewport is used for 3D controls; this can conflict with some assistive interaction methods.

### Feedback

Accessibility barriers can be reported to:
Jeremias Erdogan
Email: [Jeremiaserdogan@gmail.com](mailto:Jeremiaserdogan@gmail.com)