This post was most recently updated on June 17th, 2019
What is Focus Order
Focus order is a sequence, where user can access website element in sequential manner using keyboard.
Assuming user is not in a position to use mouse then using key board tab key user can navigate through all interactive element. This “Focus Order” guideline comes under “Level A”
How to test or achieve Focus Order
- By pressing tab key continuously all interactive element should receive focus
- Sequence of focus order should be logical.
- Make sure non interactive element should not receive focus when user press Tab key for example simple/plain text.
- Check whether Focus order is working in all browser in which website is compatible.
- Interactive elements are buttons,text box,list box, combo box etc.
- If interactive element are in one line then focus should go from left to right. (Make sure order is logical)
- Focus order should go from top to bottom , left to right in logical manner.
- By pressing Shift Tab focus should go to previous element.
By applying above 8 points user can able to test Focus Order guideline successfully.
for more information please visit W3C guideline here about Focus order.
Do share your experience how you achieve focus order.
