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: H4