mirror of
https://github.com/Memo-2023/mana-monorepo.git
synced 2026-05-14 21:21:10 +02:00
Comprehensive a11y sweep that replaces svelte-ignore comments with
proper semantic HTML. Three parallel work streams:
Labels (68 instances, 22 files):
- 36 labels associated with controls via for/id pairs
- 32 non-labeling <label> elements changed to <span>/<p>
Files: LandingEditor (13), todo/settings (7), times/alarms (4),
inventory/items (4), ViewEditorModal (3), uload (3), plus 16 more.
Div-click + click-keyboard (124 instances, ~67 files):
- Modal backdrops: added role="presentation", tabindex="-1",
onkeydown Escape handlers (~30 modals across the codebase)
- Clickable cards: <div onclick> → <button type="button"> with
text-left reset (~10 instances)
- Stop-propagation wrappers: added role="none" (~5 instances)
- Drag containers: added role="application"/"list"/"toolbar"
- Contenteditable spans: added role="textbox" + tabindex="0"
Icon buttons (23 instances, 12 files):
- Color swatches: aria-label="Farbe wählen"
- Delete buttons: aria-label="Löschen"
- Edit buttons: aria-label="Bearbeiten"
- Toggle buttons: aria-label="Umschalten"
- Other actions: contextual German labels
38 remaining warnings from edge cases (SVG event handlers, nested
roles needing tabindex, drag-drop zones) are suppressed with
comments — these have no clean HTML-semantic fix.
Net: 215 suppressions removed, 38 remain (from 215 → 38 = 82%
real fixes). Zero new warnings introduced.
Co-Authored-By: Claude Opus 4.6 (1M context) <noreply@anthropic.com>
|
||
|---|---|---|
| .. | ||
| src | ||
| package.json | ||
| tsconfig.json | ||
| vitest.config.js | ||