(shaper_fixter) off canvas: sub menu icon not registering in screenreader/voiceover.

Has anyone run into this and found a way to fix it without breaking the visual appearance of the offcanvas menu?

Hi. You can try fix it via jQuery. Create custom.js file and place following code there.

This will add accessibility attributes to the menu-toggler button.

Hi Pavel, thanks a bunch - this indeed lets ScreenReader recognize the button!

However, we are still just half the way there in terms of functionality. Having the button selected, the browser navigates to the parent page upon confirmation, instead of expanding the list of subpages in the menu, as it does when not using VoiceOver (intended behaviour). Any idea why this might be and/or how to fix it?

All the best

Hi. I just started to dive into the subject of accessibility. Therefore, I still do not know much. But, I think if you take a look at the Aria documentation, you will find the desired attributes for this. And then they can be added using the same code.

Perhaps still need something like aria-haspopup="true" and aria-expanded="false"

Rashida, you can download the requested video of the issue here:

https://www.dropbox.com/s/rozzin2yzjcm6d1/RPReplay_Final1627308427.m4v?dl=0

As you can see, activating the plus button doesn´t work as intended.

In general, this problem is not from the template, but from Joomla core (standart Menu Module). Therefore, I do not think that this is a question for a Joomshaper team.