Tab order

There are many people using and operating websites without using the mouse so it’s important to ensure your site has a logical tab order.

If the tab order of the page is not logical then it makes using the keyboard a chore, illogical and in some cases impossible.

Testing tab orders seems like a simple check to do, but always consider the way your page renders, refreshes elements or uses neat tricks to hide content based on selections; these things may all affect the overall order of the tabbing.

How to test tab order
For example, if you have a form that has 10 questions on it then the tab order should be fairly logical. When you press the tab button you should move forward through all ten fields in a logical order (typically left to right, top to bottom, but this will vary for each design).

However, if that same form reveals questions 11 and 12 if the user answers “Yes" to question 2 then ensure that this too is reflected in the tab order. In some instances questions 11 and 12 may be missing from the tab order.

Useful Hint
Hitting SHIFT and TAB will do a reverse tab in most environments.
Reverse tab is just as important as forward tab.

Useful Links
Tabbing in HTML guidelines -

Web Aim guide to changing tab orders -

If you’re interested in a career in Software Testing then check out my book Remaining Relevant And Employable (Tester’s Edition) - it’s packed full of ideas about writing good CVs, communicating your value to employers and doing well in an interview.