Make portal notification dismissal keyboard operable
Toast close icons have no accessible name and cannot receive focus. Add an explicit dismissal control.
- Focused work estimate
- 1h 15m + prerequisites
- Priority in the scenario
- Medium
- Engineering practice
- Keyboard · Focus
Estimated field mix
- Accessibility70%
- Frontend30%
Field percentages are editorial estimates of the ticket's engineering focus. They total 100%; they are not measured time, proficiency scores, or ownership evidence.
Review it, then add it to your workspace.
The board opens an editable draft; nothing is saved until you confirm it. Sign-in and workspace permissions apply, and Demo boards remain ephemeral.
Project context
Fictional membership portal Juniper manages synthetic team settings. Use locally owned components and a local settings adapter.
Setup prerequisites
- Create synthetic settings forms and destructive-action stubs.
- Provide delayed success, rejection and removed-trigger cases.
Preceding work
No earlier ticket is required. Complete the project setup above.
Acceptance criteria
- Close has an action name
- Keyboard activation dismisses
- Dismissal preserves sensible focus
Implementation constraints
- Notifications cannot trap focus.
Verification to include
- Dismiss via keyboard
- Dismiss notification whose trigger disappeared
Deliverables
- Dismiss control and focus cases
Rollout and recovery
Keep notifications persistent if dismissal becomes unreachable.
Value of the work
For the engineer: Practice focus containment, dismissal and asynchronous feedback.
For the team: Inspect whether shared UI primitives protect users across many product flows.
Evidence boundaries
Outcome Evidence: Tests, patches, and runbooks are requested deliverables. They become Outcome Evidence only through a qualified Mission and immutable Evidence IDs.
Ownership Evidence: Independent adaptation must be observed under a declared verification policy and cite immutable Evidence IDs. Completing a planning ticket establishes no Ownership Evidence.