Skip to content
UI/UX Atlas
Topics
Patterns
Color Tool
Templates
Quizzes
Topics
Patterns
Color Tool
Templates
Quizzes
Quizzes
/
Accessibility
Keyboard Navigation & Focus Management (inert) — Quiz
5 questions
·
Read the lesson first →
Question 1 of 5
Keyboard Navigation & Focus Management (inert)
A design team builds a settings page using CSS Grid. The visual layout places a 'Save' button in the top-right of the grid, but the button appears early in the DOM — before the form fields it submits. A keyboard user tabs through the page and reaches 'Save' before filling out any fields. What is the correct fix?
Add a high positive tabindex value (e.g., tabindex="5") to the form fields so they receive focus before the button
Reorder the DOM so the 'Save' button appears after the form fields in source order, then use CSS Grid placement to position it visually
Add tabindex="-1" to the 'Save' button to temporarily remove it from the tab order
Use aria-flowto attributes on the form fields to override the tab sequence
Check answer