Overview of Focus Order
Purpose
For a user to be successful navigate a web page the flow of operation must be navigated in a logical sequence. The focusable components must receive focus in an order that preserves meaning and operability.
How to Test
- Navigate a web page using only the keyboard, looking for common errors
- Using only the keyboard, do dialogs and menus that are opened logically move focus to first item? If closed, does the focus move back to the item that launched them?
Best Practices
ESC to close
The ESC key should be used to close or go backwards in a logical sequence after a menu or dialog has been opened.
Exceptions
None