Accessibility Request - Question | JoomShaper
Back to the questions

Accessibility Request

JF

John Flanagan

SP Page Builder 2 weeks 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?

0
3 Answers
Order by
Oldest Newest Votes
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #226745

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.

0
JF
John Flanagan
Accepted Answer
2 weeks ago #226898

Sorry about the wrong category. Oversight on my end.

Template:

Helix Ultimate

  • Version: 2.2.6

Predefined Header:

  • Fullwidth Center
0
Paul Frankowski
Paul Frankowski
Accepted Answer
Senior Staff 2 weeks ago #226900

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.

0