Tab Order Customization

Search

Tab Order Customization

Keyboard tab order allows keyboard users to properly navigate a web page.

Why is tab order important?

If tab order is implemented correctly a webpage will read similar to a book to a keyboard user. When done incorrectly a keyboard user may miss out or become confused with the order of the web page.

How to customize tab order in Framer?

By default, the tab order on a webpage follows the sequence of links, buttons, and inputs based on their arrangement in the layers panel/markup.

Framer's accessibility panel allows you to set a custom tab order. This feature is particularly useful for directing users' attention to primary calls-to-action (CTAs) first.