Keyboard access and focus management
Comes up in: Web fundamentals, Machine coding, React
This concept is being written. It gets the full five steps — explanation, predict, interview angle, practice with tests, and review cards. Here is exactly what it will cover, so you can study it elsewhere in the meantime.
What it covers
- tab order and
tabindex(0, -1, never positive) - visible focus (
:focus-visible) - focus not obscured (2.4.11)
- skip links
- roving tabindex
- focus traps in modals and returning focus
inert
Words you will know
What you will practise
- keyboard-only audit of a sample app
Interview questions this answers
- What is a skip link?
- What is roving tabindex?