greggy/landingpage-haus-schleusingen
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases Wiki Activity

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
Conversation 0 Commits 1 Files Changed 3 +181 -41
greggy commented 2026-05-14 01:14:59 +02:00
Owner
Copy Link

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
feat(a11y): ARIA labels, focus management, skip-nav, keyboard nav, contrast fix 9e146ac1eb 
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
feat(a11y): ARIA labels, focus management, skip-nav, keyboard nav, contrast fix 9e146ac1eb 
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
Details
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
Details
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
Details
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.
Reviewers
No Reviewers
Labels
Clear labels
Implementing
InQA
InReview
InValidation
KI
Von KI bearbeitet
KI
KI
KI
ReadyForDev
Bereit zur Implementierung
ReadyForMerge
No Label
Milestone
No items
No Milestone
Projects
Clear projects
No project
Assignees
Clear assignees
greggy
No Assignees
1 Participants
Notifications
Due Date
No due date set.
Dependencies

No dependencies set.

Reference: greggy/landingpage-haus-schleusingen#24
No description provided.
Delete Branch "feature/issue-18-accessibility"

Deleting a branch is permanent. Although the deleted branch may continue to exist for a short time before it actually gets removed, it CANNOT be undone in most cases. Continue?