a11y: modal focus management — focus must enter/exit all dialogs (WCAG 2.4.3) #30

New issue

Closed

opened 2026-04-08 06:43:12 -07:00 by pyr0ball · 0 comments

pyr0ball commented

2026-04-08 06:43:12 -07:00

Owner

None of the three modals managed focus on open or close.

Fixed: SaveRecipeModal, RecipeDetailPanel, and SavedRecipesPanel new-collection modal all now store previousFocus on mount, move focus to first focusable child via nextTick, restore focus to trigger on unmount, and have aria-modal="true" + tabindex="-1" on their dialog containers.

Refs: CRIT-W1, MED-W9

None of the three modals managed focus on open or close. **Fixed:** `SaveRecipeModal`, `RecipeDetailPanel`, and `SavedRecipesPanel` new-collection modal all now store `previousFocus` on mount, move focus to first focusable child via `nextTick`, restore focus to trigger on unmount, and have `aria-modal="true"` + `tabindex="-1"` on their dialog containers. **Refs:** CRIT-W1, MED-W9