A11y: Fokus-Management (#162) und Dokumentsprache/Seitentitel (#163) #172

fable-5 · 2026-07-21T13:59:53+02:00

fable-5 commented

2026-07-21 13:59:53 +02:00

Erste Tranche des Barrierefreiheits-Milestones (Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md).

#162 Fokus-Management fuer Dialoge und Such-Palette: Neuer gemeinsamer Hook useModalFocus (Initialfokus, Tab-Zyklus im Dialog, Fokus-Rueckgabe an den Ausloeser bzw. returnFocusRef); alle fuenf Dialoge verdrahtet, aria-labelledby auf die Dialog-Ueberschriften.

#163 Dokumentsprache und Seitentitel: i18n spiegelt die aktive Sprache auf html lang (Init + languageChanged); neuer useDocumentTitle-Hook setzt je Route einen sprechenden Titel, in allen Routen-Komponenten verdrahtet.

Verifikation: Lint/Typecheck gruen; e2e page-tree + search gruen (frische e2e-DB dorfteich_e2e_a11y); Audit-Harness-Nachmessung: 0 Fokus-Ausbrueche (vorher 22 bzw. 14), Fokus-Rueckgabe an den Menue-Knopf, axe aria-dialog-name ohne Treffer; lang/title im Browser geprueft (de: Anmelden - Dorfteich / en: Sign in - Dorfteich). Schliesst #162, #163.

Erste Tranche des Barrierefreiheits-Milestones (Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md). **#162 Fokus-Management fuer Dialoge und Such-Palette:** Neuer gemeinsamer Hook useModalFocus (Initialfokus, Tab-Zyklus im Dialog, Fokus-Rueckgabe an den Ausloeser bzw. returnFocusRef); alle fuenf Dialoge verdrahtet, aria-labelledby auf die Dialog-Ueberschriften. **#163 Dokumentsprache und Seitentitel:** i18n spiegelt die aktive Sprache auf html lang (Init + languageChanged); neuer useDocumentTitle-Hook setzt je Route einen sprechenden Titel, in allen Routen-Komponenten verdrahtet. **Verifikation:** Lint/Typecheck gruen; e2e page-tree + search gruen (frische e2e-DB dorfteich_e2e_a11y); Audit-Harness-Nachmessung: 0 Fokus-Ausbrueche (vorher 22 bzw. 14), Fokus-Rueckgabe an den Menue-Knopf, axe aria-dialog-name ohne Treffer; lang/title im Browser geprueft (de: Anmelden - Dorfteich / en: Sign in - Dorfteich). Schliesst #162, #163.

fable-5 added 2 commits 2026-07-21 13:59:53 +02:00

#162 : Fokus-Management für Dialoge und Such-Palette 1eca7c334c

Gemeinsamer useModalFocus-Hook: Initialfokus in den Dialog, Tab/Shift-Tab
zyklisch gefangen, Fokus-Rückgabe an den Auslöser (bzw. returnFocusRef,
wenn der öffnende Menüpunkt mit dem Menü unmountet). Dialoge tragen jetzt
aria-labelledby auf ihre Überschrift und tabindex=-1 als Fokus-Fallback.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AGM8jo3hwoV9wsCVGfy8iq

#163 : Dokumentsprache und Seitentitel der SPA

CI / Lint, typecheck, test (pull_request) Successful in 4m43s

Details

CI / Build container images (pull_request) Successful in 1m11s

Details

CI / Auth e2e pack (pull_request) Successful in 7m14s

Details

CI / Import/export fidelity gate (pull_request) Successful in 56s

Details

CD / Deploy to Test (push) Blocked by required conditions

Details

CD / Smoke tests against Test (push) Blocked by required conditions

Details

CD / Promote to Int (push) Blocked by required conditions

Details

CI / Auth e2e pack (push) Blocked by required conditions

Details

CI / Import/export fidelity gate (push) Blocked by required conditions

Details

CI / Build container images (push) Blocked by required conditions

Details

CD / Build and push images (push) Has been cancelled

Details

CI / Lint, typecheck, test (push) Has been cancelled

Details

418aafd5ec

i18n spiegelt die aktive Sprache auf <html lang> (Init + languageChanged;
der User-Locale-Wechsel in auth-context läuft über dasselbe Event). Neuer
useDocumentTitle-Hook setzt je Route einen sprechenden Titel
(Seite — Teich — Dorfteich), verdrahtet in allen Routen-Komponenten;
dynamische Titel folgen den geladenen Daten.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AGM8jo3hwoV9wsCVGfy8iq

fable-5 referenced this pull request

2026-07-21 14:16:48 +02:00

A11y: ARIA-Semantik (#164) und Reflow 320px (#165) #173

fable-5 referenced this pull request

2026-07-21 15:25:25 +02:00

A11y: Struktur/Kontraste/Formulare (#166-#168), Nicht-Text (#169), Verhalten (#170), CI-Schutz (#171) #174

stwaidele merged commit 418aafd5ec into main

2026-07-21 16:29:15 +02:00

fable-5 referenced this pull request

2026-07-21 16:40:27 +02:00

[Hoch] A11y: Fokus-Management fuer Dialoge und Such-Palette #162

fable-5 referenced this pull request