Pages work in a logical order
Your users need to find their way around your website in a sequential and meaningful order. You can control this with the ‘focus order’ of your website.
‘Focus order’ is the sequence in which a user accesses elements on your website. For example, some users can’t use a mouse and will ‘tab’ through your website – they must access elements in an order that makes sense. This order is as simple as a bit of logic, such as going from your header to your menu to your page content.
What to do
- A well-made HTML website will often comply with this guideline.
- Unplug your mouse and verify that you can use the ‘Tab’ key to navigate to every part of your website and use every function, including search boxes and forms – make sure each page has a sensible focus order.
If you have complied with Guideline 2.1.1, you may have already covered elements of this guideline.
- Complex items like tree diagrams do not have to be exactly programmed to a specific order, as long as your users can reach every element.
- You don’t need to set a focus order if your page doesn’t need to be navigated in a particular sequence to be understood. For example, a random collage of links or images.
- Guideline 1.3.2 – Meaningful Sequence
- Guideline 2.1.1 – Keyboard
- Guideline 2.4.7 – Focus Visible
- Understanding Success Criterion 2.4.3 (W3C)
Free Developer Resources
Join over 3,500 accessibility fans and get free developer resources like WCAG 2.0 Checklists and a sample from my book.
Over 250 people just like you have learned more about WCAG 2.0 with my guidebook.