Best Practices for Tab Orders

Hi,

I am reviewing the tab orders (and focus points) in a course we have to make sure that they follow a logical flow. We are working to make the course accessible and it needs to function with a screen reader and full keyboard navigation. Are there any best practices to how the tab order should flow on a page that anyone can share? For example, should it tab to (and show the yellow focus outline) on an image first or should the image come after the text in the order?

Thanks!

20 Replies
Christie Pollick

Hi, Kristy -- 

While I am not an expert on 508 Compliance, I wanted to share information on a few different threads that may be of assistance, including this General Info on Storyline and Section 508 Accessibility, as well as this eBook on 6 Best Practices for Designing Accessible E-Learning

I hope others in the community are able to chime in with additional assistance, as well. :)

Steven Melcher

Along the same lines a Phil.  Make sure it goes in a logical order.  I also find it helpful to indicate what tab they are on (highlighting it, change color, etc) and then change the visited tabs in some way (change the color, add a check mark when they are visited, etc.) to indicate it's been read.

Richard Jett

I'm glad this topic came up.  I've only messed with the tab order one time.  It was a course where the user was instructed to press the tab key for certain interactions.  However, as Kristy mentioned, I wasn't sure of the logical flow.  I probably need to go back to that course and redo it because I did not set it up to go left to right, top to bottom as others have mentioned.  Thanks for the links to the additional threads, Christie.  Very helpful!