Best Practices for Tab Orders

Feb 24, 2016


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?


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. :)

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!

This discussion is closed. You can start a new discussion or contact Articulate Support.