Accessibility Request - Forum | JoomShaper
Staff replied SP Page Builder

Accessibility Request

Asked by John Flanagan 3 months ago Last activity 3 months ago

I am running a Lighthouse accessibility audit on a Joomla site using Helix Ultimate and Lighthouse reports the following accessibility issue:

"[aria-hidden='true'] elements contain focusable descendants"

The failing element is:

<a id="offcanvas-toggler" aria-hidden="true" ...>

Since the offcanvas toggler is a focusable and interactive control used to open the mobile menu, it appears that it should not be hidden from assistive technologies with aria-hidden="true".

Removing the aria-hidden attribute resolves the Lighthouse accessibility warning.

Can you confirm whether this is a known issue in Helix Ultimate and whether there is a recommended fix or update available?

3 replies

Oldest first Newest first Most helpful
Paul Frankowski Senior Staff
3 months ago · edited

Hi John,

Questions 4 you:

  1. Can you tell me what predefined header you're using?
  2. What version of Helix template or different name you have?

Then I will be able to check and talk with our Helix developer.

For example, on my private sites based on raw Helix Ultimate 2.2.6, I have that code for [=] menu

<a id="offcanvas-toggler" class="offcanvas-toggler-secondary offcanvas-toggler-right d-flex d-lg-none align-items-center" href="#" aria-label="Mobile Menu" title="Mobile Menu">
<div class="burger-icon" aria-hidden="true"><span></span><span></span><span></span></div>
</a>

as you see, I don't have aria-hidden used for link!

BTW

You chosen wrong category for post, this is not SPPB topic.

Paul Frankowski Senior Staff
3 months ago

So it must be issue inside template code.

Download Helix ultimate template (raw), take this file (template\features\menu.php) from package,
use FTP and override inside you template. It should help by now. If not, let me know TODAY.

Log in to reply.