Abschlussbericht: Issue #18 – Accessibility

Datum: 2026-05-14
Repo: greggy/landingpage-haus-schleusingen
PR: #24
Branch: feature/issue-18-accessibility
Commit: 9e146ac

Zusammenfassung

Umsetzung aller Accessibility-Verbesserungen für die Landingpage nach WCAG 2.1 AA. 8 Teilaufgaben vollständig implementiert, reviewt und validiert.

Teilaufgabe	Beschreibung	Status
TA-1	Skip-to-Content Link	✅
TA-2	ARIA-Landmarks & Rollen	✅
TA-3	Akkordeon Keyboard + ARIA	✅
TA-4	Lightbox Focus-Trap + Management	✅
TA-5	Galerie Keyboard-Bedienung	✅
TA-6	Alt-Texte optimiert	✅
TA-7	Focus-Visible Styles	✅
TA-8	Farbkontrast-Fix (WCAG AA)	✅

haus-schleusingen.html – Skip-Link, <main>, ARIA-Attribute, Alt-Texte
css/haus-schleusingen.css – Skip-Link-Styles, :focus-visible, --stone Kontrast-Fix
js/haus-schleusingen.js – Keyboard-Handler, Focus-Trap, aria-expanded Toggling

--stone Farbänderung: #9e9485 → #7a7062 – dunklere Variante für WCAG AA Kontrast. Warme/erdige Palette bleibt erhalten.
Lightbox alt="": Leerer Alt-Text auf dem Lightbox-Bild, da der Kontext durch aria-label="Bildansicht" auf dem Dialog bereitgestellt wird.
Floor-Plan-Bilder: Keine Keyboard-Interaktivität hinzugefügt – informative Bilder innerhalb des Akkordeons, nicht primär interaktiv.

Phase	Dauer
Phase 1 (Analyse)	Bereits abgeschlossen (vor Pipeline-Start)
Phase 2 (Implementierung)	~20 Min
Phase 3 (Code Review)	~10 Min
Phase 4 (QA)	Übersprungen (keine automatisierten Tests für statische Seite)
Phase 5 (PR erstellt)	~2 Min
Phase 6 (Abnahme & Validierung)	~5 Min
Phase 7 (Dokumentation & Closing)	~5 Min
Gesamt:	~42 Min

Mobile Navigation: .nav-links { display: none } ab 900px ohne Hamburger-Menü. Empfehlung: Folgeticket erstellen.
Keine automatisierten Tests: Statische Seite ohne Test-Framework. Manuelle Tests empfohlen (Keyboard, Screenreader, axe DevTools).