Fix #18: Accessibility – ARIA-Labels, Focus-Management, Skip-Navigation #24

Merged
greggy merged 1 commits from feature/issue-18-accessibility into main 2026-05-15 10:32:46 +02:00
Owner

Accessibility-Verbesserungen nach WCAG 2.1 AA

Resolves #18

Änderungen:

  • TA-1: Skip-to-Content Link
  • TA-2: ARIA-Landmarks & Rollen (nav, main, footer, sections)
  • TA-3: Akkordeon Keyboard-Navigation + aria-expanded
  • TA-4: Lightbox Focus-Trap + Focus-Management (dialog role)
  • TA-5: Galerie-Items per Keyboard bedienbar
  • TA-6: Alt-Texte optimiert
  • TA-7: Focus-Visible Styles
  • TA-8: Farbkontrast-Fix (--stone dunkler, WCAG AA)

Dateien:

  • haus-schleusingen.html – HTML-Struktur, ARIA, Alt-Texte
  • css/haus-schleusingen.css – Skip-Link, focus-visible, Kontrast
  • js/haus-schleusingen.js – Keyboard-Handler, Focus-Trap

Testing:

  • Keyboard: Gesamte Seite mit Tab/Shift+Tab/Enter/Space/Escape navigierbar
  • Skip-Link funktioniert als erster Fokus
  • Akkordeon per Enter/Space bedienbar
  • Galerie per Tab erreichbar, Enter öffnet Lightbox
  • Lightbox hat Focus-Trap, Escape schließt
  • Farbkontraste erfüllen WCAG AA

Review: APPROVED (Self-Review)

## Accessibility-Verbesserungen nach WCAG 2.1 AA Resolves #18 ### Änderungen: - **TA-1:** Skip-to-Content Link - **TA-2:** ARIA-Landmarks & Rollen (nav, main, footer, sections) - **TA-3:** Akkordeon Keyboard-Navigation + aria-expanded - **TA-4:** Lightbox Focus-Trap + Focus-Management (dialog role) - **TA-5:** Galerie-Items per Keyboard bedienbar - **TA-6:** Alt-Texte optimiert - **TA-7:** Focus-Visible Styles - **TA-8:** Farbkontrast-Fix (--stone dunkler, WCAG AA) ### Dateien: - `haus-schleusingen.html` – HTML-Struktur, ARIA, Alt-Texte - `css/haus-schleusingen.css` – Skip-Link, focus-visible, Kontrast - `js/haus-schleusingen.js` – Keyboard-Handler, Focus-Trap ### Testing: - Keyboard: Gesamte Seite mit Tab/Shift+Tab/Enter/Space/Escape navigierbar - Skip-Link funktioniert als erster Fokus - Akkordeon per Enter/Space bedienbar - Galerie per Tab erreichbar, Enter öffnet Lightbox - Lightbox hat Focus-Trap, Escape schließt - Farbkontraste erfüllen WCAG AA **Review:** APPROVED (Self-Review)
greggy added 1 commit 2026-05-14 01:14:59 +02:00
Accessibility improvements per WCAG 2.1 AA:
- Skip-to-content link (TA-1)
- ARIA landmarks and roles for nav, main, sections, footer (TA-2)
- Accordion keyboard navigation + aria-expanded (TA-3)
- Lightbox focus trap + focus management + dialog role (TA-4)
- Gallery grid items keyboard accessible (TA-5)
- Improved alt texts for all images (TA-6)
- Focus-visible styles for all interactive elements (TA-7)
- Darker --stone color for WCAG AA contrast compliance (TA-8)

Fix #18
greggy added 2 commits 2026-05-15 09:57:43 +02:00
Accessibility improvements per WCAG 2.1 AA:
- Skip-to-content link (TA-1)
- ARIA landmarks and roles for nav, main, sections, footer (TA-2)
- Accordion keyboard navigation + aria-expanded (TA-3)
- Lightbox focus trap + focus management + dialog role (TA-4)
- Gallery grid items keyboard accessible (TA-5)
- Improved alt texts for all images (TA-6)
- Focus-visible styles for all interactive elements (TA-7)
- Darker --stone color for WCAG AA contrast compliance (TA-8)

Fix #18
feat(a11y): ARIA labels, focus management, skip-nav, keyboard nav, contrast fix
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 23s
a380d7e7fa
Accessibility improvements per WCAG 2.1 AA:
- Skip-to-content link (TA-1)
- ARIA landmarks and roles for nav, main, sections, footer (TA-2)
- Accordion keyboard navigation + aria-expanded (TA-3)
- Lightbox focus trap + focus management + dialog role (TA-4)
- Gallery grid items keyboard accessible (TA-5)
- Improved alt texts for all images (TA-6)
- Focus-visible styles for all interactive elements (TA-7)
- Darker --stone color for WCAG AA contrast compliance (TA-8)

Fix #18
greggy added 2 commits 2026-05-15 10:32:32 +02:00
feat(a11y): ARIA labels, focus management, skip-nav, keyboard nav, contrast fix
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 23s
a380d7e7fa
Accessibility improvements per WCAG 2.1 AA:
- Skip-to-content link (TA-1)
- ARIA landmarks and roles for nav, main, sections, footer (TA-2)
- Accordion keyboard navigation + aria-expanded (TA-3)
- Lightbox focus trap + focus management + dialog role (TA-4)
- Gallery grid items keyboard accessible (TA-5)
- Improved alt texts for all images (TA-6)
- Focus-visible styles for all interactive elements (TA-7)
- Darker --stone color for WCAG AA contrast compliance (TA-8)

Fix #18
feat(a11y): ARIA labels, focus management, skip-nav, keyboard nav, contrast fix
All checks were successful
Deploy Feature Branch to Test / deploy (push) Successful in 23s
8b73603293
Accessibility improvements per WCAG 2.1 AA:
- Skip-to-content link (TA-1)
- ARIA landmarks and roles for nav, main, sections, footer (TA-2)
- Accordion keyboard navigation + aria-expanded (TA-3)
- Lightbox focus trap + focus management + dialog role (TA-4)
- Gallery grid items keyboard accessible (TA-5)
- Improved alt texts for all images (TA-6)
- Focus-visible styles for all interactive elements (TA-7)
- Darker --stone color for WCAG AA contrast compliance (TA-8)

Fix #18
greggy merged commit 336fbc12a6 into main 2026-05-15 10:32:46 +02:00
Sign in to join this conversation.
No Reviewers
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: greggy/landingpage-haus-schleusingen#24
No description provided.