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

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

Merged
stwaidele merged 2 commits from a11y-aria into main 2026-07-21 16:29:20 +02:00
Conversation 0 Commits 2 Files Changed 11 +100 -10
fable-5 commented 2026-07-21 14:16:48 +02:00
Collaborator
Copy Link

Zweite Tranche des A11y-Milestones. GESTAPELT auf PR #172 — bitte #172 zuerst mergen (fast-forward), danach zeigt dieser PR nur noch #164/#165.

#164 ARIA-Semantik: Editorflaeche mit lokalisiertem Namen, im Lesemodus role=document statt unbenanntem Textfeld; eingeklappte Sidebar zusaetzlich inert; li-Zwischenknoten der Listboxen (Wikilink/Mention/Suche) role=presentation; Toolbar mit Pfeiltasten-Navigation und sprechendem Label.

#165 Reflow: Topbar min-width 0 + Umbruch auf schmalen Viewports; Sidebar als Overlay unter 40rem; Footer wickelt; Titel-Input/Settings-Spalte schrumpfen; main per tabindex=0 tastatur-scrollbar (Rechtstexte).

Verifikation: axe-Nachmessung: aria-input-field-name, aria-hidden-focus, aria-required-children/-parent, listitem der Listboxen alle ohne Treffer; 10 Ansichten bei 320px ohne Dokument-Ueberlauf (vorher 892px); e2e editor/sidebar/search/wikilink/content/settings-nav/legal/page-tree gruen. Schliesst #164, #165.

Zweite Tranche des A11y-Milestones. GESTAPELT auf PR #172 — bitte #172 zuerst mergen (fast-forward), danach zeigt dieser PR nur noch #164/#165. **#164 ARIA-Semantik:** Editorflaeche mit lokalisiertem Namen, im Lesemodus role=document statt unbenanntem Textfeld; eingeklappte Sidebar zusaetzlich inert; li-Zwischenknoten der Listboxen (Wikilink/Mention/Suche) role=presentation; Toolbar mit Pfeiltasten-Navigation und sprechendem Label. **#165 Reflow:** Topbar min-width 0 + Umbruch auf schmalen Viewports; Sidebar als Overlay unter 40rem; Footer wickelt; Titel-Input/Settings-Spalte schrumpfen; main per tabindex=0 tastatur-scrollbar (Rechtstexte). **Verifikation:** axe-Nachmessung: aria-input-field-name, aria-hidden-focus, aria-required-children/-parent, listitem der Listboxen alle ohne Treffer; 10 Ansichten bei 320px ohne Dokument-Ueberlauf (vorher 892px); e2e editor/sidebar/search/wikilink/content/settings-nav/legal/page-tree gruen. Schliesst #164, #165.
fable-5 added 4 commits 2026-07-21 14:16:48 +02:00 
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
Some checks failed
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
Die Editorfläche bekommt einen lokalisierten zugänglichen Namen und ist
im Lesemodus role=document statt eines unbenannten Textfelds (setOptions
im selben Layout-Effekt wie setEditable). Eingeklappte Sidebar zusätzlich
inert (aria-hidden allein ließ fokussierbare Kinder im Tab-Weg). Die
li-Zwischenknoten der Listboxen (Wikilink-/Mention-Autocomplete,
Suchergebnisse) sind role=presentation, damit listbox→option wieder eine
gültige Eltern-Kind-Beziehung ist. Toolbar: Pfeiltasten-Navigation über
die Controls (native Selects behalten ihre Pfeiltasten) und ein
sprechendes Toolbar-Label statt des Absatz-Buttons-Labels.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AGM8jo3hwoV9wsCVGfy8iq
#165: Reflow bei 320 px und Tastatur-Scrollbarkeit
Some checks failed
CI / Lint, typecheck, test (pull_request) Successful in 4m39s
Details
CI / Build container images (pull_request) Successful in 4m2s
Details
CI / Auth e2e pack (pull_request) Successful in 7m17s
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
d4d4282c55 
Vier Ursachen des seitenweiten Horizontal-Scrollens behoben: die Topbar
saß mit min-content-Breite in der Grid-Spalte (min-width: 0 nach dem
#100-Muster) und wickelt auf schmalen Viewports auf eine zweite Zeile
(Grid-Zeile minmax, Suchtext wird zum Icon); die aufgeklappte Sidebar
liegt unter 40rem als Overlay über dem Inhalt statt ihn auf einen
Streifen zu quetschen; Footer wickelt; Titel-Input und Settings-Spalte
schrumpfen (min-width bzw. align-items: stretch im Schmal-Layout).
Der Haupt-Scrollbereich ist per tabindex=0 tastatur-scrollbar — auf den
Rechtstext-Seiten gab es sonst keinen Weg, den Inhalt zu scrollen.

Gemessen: 10 Ansichten bei 320 px ohne Dokument-Überlauf (vorher 892 px
Inhaltsbreite); e2e content/settings-nav/sidebar/legal/page-tree/search
grün.

Co-Authored-By: Claude Fable 5 <noreply@anthropic.com>
Claude-Session: https://claude.ai/code/session_01AGM8jo3hwoV9wsCVGfy8iq
stwaidele merged commit d4d4282c55 into main 2026-07-21 16:29:20 +02:00
Sign in to join this conversation.
Reviewers
No reviewers
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
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#173
No description provided.
Delete Branch "a11y-aria"

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?