Wednesday, 15 September 2021 10:00
Modified: Monday, 11 October 2021 08:54
pl_flagde_flag

DJ-MegaMenu 4.3.1

DJ-MegaMenu has been updated to version 4.3.1. It introduces several changes and improvements, and the most important novelty is the Focus Indicators feature for better website accessibility (according to WCAG 2.2 guidelines).

Get DJ-MegaMenu 4.3.1 version Pro.

Accessible focus indicators

When the keyboard users navigate the menu using the keyboard, they jump from one interactive element to the next.

Previously in DJ-MegaMenu, the focus element relied on the browser and was not forced by the module - so it looked different depending on the browser used by users. In this version of DJ-MegaMenu, we have considered the guidelines for WCAG 2.2 when it comes to the focus element. It has a 2px wide border that outlines selected menu items when using the keyboard to navigate between them, consistent in all browsers.

MegaMenu focus feature key navigation

How to enable the focus indicators feature?

That feature in itself does not require any action in the settings of the DJ-MegaMenu module. However, for it to work properly, you have to enable Keyboard access (WCAG 2.1).

Open the DJ-MegaMenu module, and navigate to Mega Menu Options -> Keyboard access (WCAG 2.1) - that option needs to be set as "enabled." 

Keyboard access WCAG 2.1

Customization focus border

You can also customize the focus border color in the Mega Menu module options.

Open the DJ-MegaMenu module, and navigate to Mega Menu Options. The "Customize colors" option needs to be set as "Yes."

Scroll down to the "Focus border-color" option. Now you can choose the focus color and a transparency level, where 1 is not transparent, 0.5 is 50% see-through, and 0 is completely transparent. The color can be chosen from the color palette or defined by typing RGBA parameters.

Focus border color option

IMPORTANT. To maintain the accessible menu contrast, you must match the focus color if you have customized the theme's colors.

Bug fixes

Along with the new features, we've implemented three bug fixes.

Check the ver 4.3.1 changelog

DJ-MegaMenu Demo page

We've recently launched the new DJ-MegaMenu demo site based on Joomla 4. It uses the new theme (Modern) and the latest version of the Menu extension (4.3.1).

Visit the DJ-MegaMenu demo site.

DJ-MegaMenu is available in two versions - premium and light.

The Light version does not have 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

Want to know more?

Related extensions

icon

DJ-MediaTools

Joomla extension for galleries, slideshows, sliders. Create beautiful photo and video galleries and place them anywhere on your website.

Joomla 3Joomla 4WCAG
icon

DJ-Classifieds

Joomla extension for classified ads, auctions, and listing websites. Offers unlimited categories, locations, custom fields, and various payment gateways.

Joomla 3
icon

DJ-Catalog2

Simple and powerful shop/directory/product catalog and eCommerce Joomla extension. Simple to set up and provides neat, modern responsive output.

Joomla 3