stwaidele/dorfteich
1
0
Fork 0
Code Issues 2 Pull Requests Actions Packages Projects Releases 22 Wiki Activity

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

New Issue
Closed
opened 2026-07-21 13:01:18 +02:00 by fable-5 · 1 comment
fable-5 commented 2026-07-21 13:01:18 +02:00
Collaborator
Copy Link

Befunde A11Y-001, A11Y-009 (WCAG 2.4.3, 2.4.6). Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md

Alle Modals und die Such-Palette haben keinen Fokus-Trap, keinen Initialfokus und keine Fokus-Rueckgabe. Messung: Im Verschieben-Dialog bleibt der Initialfokus auf body, 22 von 25 Tab-Schritten verlassen den Dialog, nach dem Schliessen landet der Fokus auf einem beliebigen Element. Die Dialoge haben ausserdem keinen zugaenglichen Namen (aria-labelledby fehlt).

Umsetzung:

  • Zentral in apps/web/src/lib/use-dismissable.ts bzw. einem gemeinsamen Modal-Wrapper: Tab/Shift-Tab zyklisch im Dialog halten, Initialfokus auf das erste sinnvolle Element, Fokus-Rueckgabe an den Ausloeser beim Schliessen.
  • aria-labelledby auf die vorhandene Dialog-Ueberschrift (h2) setzen.
  • Betroffen: MovePageDialog, DeletePageDialog, AccessRevokedDialog, SearchPalette, VaultImportSection.

Akzeptanz: Tab bleibt im offenen Dialog; Escape schliesst und der Ausloeser hat wieder den Fokus; axe-Regel aria-dialog-name ohne Treffer.

Befunde A11Y-001, A11Y-009 (WCAG 2.4.3, 2.4.6). Bericht: Workspace doku/audit-barrierefreiheit-2026-07.md Alle Modals und die Such-Palette haben keinen Fokus-Trap, keinen Initialfokus und keine Fokus-Rueckgabe. Messung: Im Verschieben-Dialog bleibt der Initialfokus auf body, 22 von 25 Tab-Schritten verlassen den Dialog, nach dem Schliessen landet der Fokus auf einem beliebigen Element. Die Dialoge haben ausserdem keinen zugaenglichen Namen (aria-labelledby fehlt). Umsetzung: - Zentral in apps/web/src/lib/use-dismissable.ts bzw. einem gemeinsamen Modal-Wrapper: Tab/Shift-Tab zyklisch im Dialog halten, Initialfokus auf das erste sinnvolle Element, Fokus-Rueckgabe an den Ausloeser beim Schliessen. - aria-labelledby auf die vorhandene Dialog-Ueberschrift (h2) setzen. - Betroffen: MovePageDialog, DeletePageDialog, AccessRevokedDialog, SearchPalette, VaultImportSection. Akzeptanz: Tab bleibt im offenen Dialog; Escape schliesst und der Ausloeser hat wieder den Fokus; axe-Regel aria-dialog-name ohne Treffer.
fable-5 added this to the Barrierefreiheit WCAG 2.1 AA milestone 2026-07-21 13:01:18 +02:00
fable-5 commented 2026-07-21 16:40:27 +02:00
Author
Collaborator
Copy Link

Umgesetzt in PR #172 (ein Commit je Issue), auf main gemerged und via CD auf Test+Int deployt. Verifikation: finaler Audit-Harness-Lauf ohne verbleibende axe-Verletzungen auf allen gescannten Screens; api-Vollsuite, shared-Tests und betroffene e2e-Packs gruen; Live-Spot-Check auf Test ok (u. a. lang=de dynamisch, Skip-Link als erster Tab-Stopp, Fokus-Trap gemessen). Details im Bericht doku/audit-barrierefreiheit-2026-07.md (Workspace).

Umgesetzt in PR #172 (ein Commit je Issue), auf main gemerged und via CD auf Test+Int deployt. Verifikation: finaler Audit-Harness-Lauf ohne verbleibende axe-Verletzungen auf allen gescannten Screens; api-Vollsuite, shared-Tests und betroffene e2e-Packs gruen; Live-Spot-Check auf Test ok (u. a. lang=de dynamisch, Skip-Link als erster Tab-Stopp, Fokus-Trap gemessen). Details im Bericht doku/audit-barrierefreiheit-2026-07.md (Workspace).
Sign in to join this conversation.
No Branch/Tag Specified
Branches Tags
Labels
Clear labels   
area:auth

   
area:docs

   
area:export

   
area:ops

   
area:storage

   
area:supply-chain

   
auth

Authentication, permissions, quotas

  
backend

API server (apps/api)

  
blocked

Blocked on external dependency/infrastructure

  
collab

Collaboration server (apps/collab)

  
deployment

Docker, CI/CD, hosting

  
docs

Documentation

  
effort:L

   
effort:M

   
effort:S

   
frontend

SPA (apps/web)

  
plugins

Plugin system and SDK

  
qa

Tests, fixtures, e2e

  
vs-nfd

   
vs-nfd:blocker
No Label
area:auth
area:docs
area:export
area:ops
area:storage
area:supply-chain
auth
backend
blocked
collab
deployment
docs
effort:L
effort:M
effort:S
frontend
plugins
qa
vs-nfd
vs-nfd:blocker
Milestone
Clear milestone
No items
No Milestone
Barrierefreiheit WCAG 2.1 AA
Projects
Clear projects
No project
Assignees
Clear assignees
No Assignees
1 Participants
Notifications
Due Date
The due date is invalid or out of range. Please use the format 'yyyy-mm-dd'.

No due date set.

Dependencies

No dependencies set.

Reference: stwaidele/dorfteich#162
No description provided.
Delete Branch "%!s()"

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?