35.ÌýIs the tabbing sequence logical?

Tabbing incorrect example

Description:ÌýEnsure that the tabbing order defined on the page is logical.

Context:ÌýTabbing is very important to assist users who primarily navigate pages with their keyboard, making sure the tab order is set in a logical portion can assist them in navigating pages and forms. While this can be subjective, tabbing should move through the site in as smooth of a progression as possible. This is especially important if using the ‘tabindex’ attribute, as it overrides the base browser tabbing behavior.

<div class="mega-menu-toggle" tabindex="0">
    <!--Content-->
</div>

How to fix it:ÌýMake sure that: The tab index has a meaningful sequence, the tab index does not interfere with the sequence for the entire page and the sequence for the entire page is meaningful.

<div class="mega-menu-toggle">
    <!--Content-->
</div>

Techniques:Ìý