frontend-a11y-focus-keyboard-inert
Installation
SKILL.md
Frontend Accessibility : Focus, Keyboard Navigation, and Inert
Authoritative reference for keyboard-first interaction primitives. Modern foundation : inert (Baseline Widely Available since April 2023) and <dialog>.showModal() replace the brittle hand-rolled focus-trap + aria-hidden + tabindex="-1"-on-all-things patterns of the 2015 to 2022 era.
Quick Reference
Baseline status
| Feature | Baseline | Source |
|---|---|---|
inert attribute |
Widely Available since April 2023 | MDN : inert (verified 2026-05-19) |
:focus-visible |
Widely Available since March 2022 | MDN : :focus-visible (verified 2026-05-19) |
:focus-within |
Widely Available since January 2020 | MDN : :focus-within (verified 2026-05-19) |
<dialog> + showModal() |
Widely Available | MDN : dialog (verified 2026-05-19) |
closedby attribute on <dialog> |
Modern (gate where legacy support matters) | MDN : dialog (verified 2026-05-19) |