Description
Specify aria-live politeness for async wallet updates and vault submissions.
Requirements and context
-
Avoid noisy announcements
-
Loading vs error vs success
-
Deliverables must be reviewable in Figma (or equivalent) and traceable to Disciplr-Frontend / design-system/
-
Should respect WCAG 2.1 AA targets for default theme unless explicitly scoped otherwise
Suggested execution
- Fork Disciplr-Org/Disciplr-Frontend and branch:
git checkout -b design/sr-live-regions-wallet
- Produce frames + specs (spacing, type, color, motion) before deep UI code changes
- Share a short Loom or PR description with before/after for stakeholder review
Design deliverables
- Copy for announcements
- Code pointers for implementation
Handoff
- Link Figma file + node IDs in the PR (or attach exports if Figma is not used)
- Note any updates needed in
design-system/tokens/*.json
Test and review
- Run a design critique (internal) with eng + design
- Validate keyboard + screen reader on affected flows (smoke level)
- Capture screenshots for light mode; note dark mode gaps if applicable
Example commit message
design: screen reader landmarks and live regions
Guidelines
| Item |
Target |
| Figma / specs |
Named layers, intent documented |
| Accessibility |
Focus order, contrast, touch targets (min 44×44 px where applicable) |
| Timeframe |
96 hours from assignment |
Description
Specify
aria-livepoliteness for async wallet updates and vault submissions.Requirements and context
Avoid noisy announcements
Loading vs error vs success
Deliverables must be reviewable in Figma (or equivalent) and traceable to
Disciplr-Frontend/design-system/Should respect WCAG 2.1 AA targets for default theme unless explicitly scoped otherwise
Suggested execution
git checkout -b design/sr-live-regions-walletDesign deliverables
Handoff
design-system/tokens/*.jsonTest and review
Example commit message
Guidelines