The use of the tab and arrows keys is different. It's now strictly defined what happens when you press the arrows. The submenu due to this change does not appear automatically and is only opened by using the down/up arrow.
Get DJ-MegaMenu 4.2 version Pro.
Download DJ-MegaMenu 4.2 version light
WAI-ARIA practices for horizontal navigation menubar and its submenu are applied to the DJ-MegaMenu module.
Keyboard support is implemented for:
Tab keyboard shortcuts get you to the menubar in the standard tab sequence navigation process. (Shift + Tab allows moving back to the element in the tab sequence).
Once you get to focus on the menubar element, then you may follow keyboard support rules to use the key functions listed in the tables below:
Key | Function |
---|---|
Space Enter |
It opens the submenu and moves focus to the first item in the submenu. |
Right Arrow |
|
Left Arrow |
|
Down Arrow | It opens the submenu and moves focus to the first item in the submenu. |
Up Arrow | It opens the submenu and moves focus to the last item in the submenu. |
Home | Moves focus on the first item in the menubar. |
End | Moves focus on the last item in the menubar. |
Character |
|
Key | Function |
---|---|
Space Enter |
|
Escape |
|
Right Arrow |
|
Left Arrow |
|
Down Arrow |
|
Up Arrow |
|
Home | Moves focus on the first item in the submenu. |
End | Moves focus on the last item in the submenu. |
Character |
|
Navigation Menubar Example on www.w3.org
Note: For a key Enter in Menubar
If the menu item in the Menubar:
- It is a separator and contains child submenus. Then Enter key opens a submenu according to the keyboard support rules.
- However, if it is a linked item and contains submenus, enters key redirects to the URL applied to this item.
The latest update also brings some performance improvements.
We need to remind you that the DJ-MegaMenu extension is available in two versions - premium and light.
The Light version does not require some premium features, but you can download it for free and also easily upgrade to the Mega Menu Pro version if you need it.
DOWNLOAD DJ-MEGAMENU LIGHT FOR FREE
Discover the list of Joomla and WordPress-related articles about WCAG recommendations of making accessible web pages.
We are pioneers in creating accessible Joomla templates and accessible WordPress themes. It means they are WCAG /ADA/ Section508 fully compatible.
Browse premium Joomla WCAG & ADA Templates
Browse premium WordPress WCAG and ADA themes
Paddle checkout supporting credit cards and PayPal online payments.
All products purchased on our site are refundable.
Dedicated ticket system for all subscribers.