Tabbing refers to pressing the 'Tab' key on your keyboard to navigate through elements on a webpage. It is important for accessibility, allowing users to navigate content using a screen reader.
In the Accessibility Panel in Flexitive, you can control tabbing settings for elements in your design. You can enable or disable tabbing for specific elements and customize the order in which they are navigated.
Enabling Tabbing on an Element
To enable tabbing on an element, click the 'Enable Tabbing' button to the right of the element in the Accessibility Panel.
Enabling Tabbing for an element will change the icon to Green.
With element tabbing enabled, when the design is viewed in either a preview page or after exporting, a Flexitive user will be able to navigate through all elements on the design that have been set to 'Tabbing Enabled'
Controlling the Order of Element Tabbing
Once tabbing has been enabled for an element, you will be able to control the order in which tabbing occurs on elements by re-ordering the elements in the Accessibility Panel.
When tabbing through elements, the order will follow the order in the Accessibility panel, starting at the top and working down to the bottom.
Elements can be re-ordered in the accessibility panel by either:
- Dragging and dropping the elements in the panel; or
- Using the arrow keys at the top of the panel when an element is selected.