Keyboard and color · 19
Rove focus through a toolbar
A composite toolbar should occupy one Tab stop while arrow keys move focus among its controls.
What to do
- Keep exactly one toolbar button at tabindex="0".
- Set every other toolbar button to tabindex="-1".
- Use Arrow Right and Arrow Left to move both focus and the zero tabindex.
Result
Run the checks
Edit the HTML and select “Check solution”. The preview updates automatically.
If you are stuck
Start Bold at 0 and the other three at -1. The preview’s roving-focus adapter handles arrow keys.