Files
pad/web/src
xarmian 5b14c2e35f fix(a11y): BottomSheet tabindex + roles page label associations (TASK-685) (#221)
Closes the four a11y warnings svelte-check surfaces today.

- BottomSheet.svelte: the <div role="dialog"> needs tabindex so screen
  readers can focus it programmatically. Add tabindex="-1" — activates
  when explicitly focused without putting it in the tab order (matches
  the ARIA APG dialog pattern).

- roles/+page.svelte: three <label> elements for Icon & Name,
  Description, and Tools had no associated control. Give each target
  <input> a stable id (role-name, role-description, role-tools) and
  point each <label for={id}>. The dialog renders a single instance at
  a time so hardcoded ids are safe.

svelte-check before: 10 warnings (4 target + 6 pre-existing)
svelte-check after:  6 warnings (pre-existing only; no regressions)

Parent: PLAN-644.
2026-04-22 20:51:44 -04:00
..
2026-03-26 01:52:36 +00:00