MattWilsonMD

I tried installing the plugin and adding the function you provided to the functions.php file but it did not fix the issue. Thx

Thanks for your attention to this. It would be great to have a truly accessible mega menu solution I could recommend to my WP clients, and I think yours is very close!

VoiceOver is probably what you’re using on Mac. On Windows, there is the built in Narrator utility, but most people use NVDA (it recently surpassed JAWS).

Here’s the issue I’m seeing… While using NVDA or Narrator, when I tab thru the navigation items and want to expand one of them, I hit “Enter or Space” and nothing happens. I would expect Enter/Space to expand the sub menu. If I’m not using a screen reader, it all works fine.

The problem is that Narrator and NVDA are in “browse mode” which intercepts/swallows some keystrokes. If I exit NVDA browse mode and switch into “forms mode” then it works, but we can’t expect users to do that. One possible solution might be to modify your JavaScript to use “click” instead of “keypress” as suggested in this thread: https://stackoverflow.com/questions/65181014/js-function-with-e-key-enter-wont-fire-when-in-screenreader-nvda-brows

You may also find this pattern and example provided by the W3C to be useful: https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/

Here’s a screencast of me using screen readers with the Max Mega Menu: https://www.loom.com/share/3c368831630347e69817dc6c866a4bf6?sid=dc819f1c-8062-4b81-a61e-769c7d8935e6

I hope all that help. If you’d like me to retest, please let me know.

Sorry, I don’t have the plugin installed. I was testing it from your demo page.
Which screen readers have you tested with? Can you confirm that the mega menu works with screen readers?

Thanks for the follow up! I see you’re using the inspector for testing, but you need to use a screen reader, otherwise you’re just guessing what the experience will be. Also, I slightly misspoke on my original message… The “aria-expanded” attribute needs to be on the <span> with class “mega-indicator”, not on the parent anchor tag. The reason why is because when you expand the sub-menu, the keyboard focus is on the <span> element and not on the anchor tag element. The screen reader will not read aria labels of an element that is not in focus.

Here’s a screen recording with the audio from the screen reader: https://www.loom.com/share/8ea76ef7f6b049838b17c7833fc40399

Thanks for your attention to this and for caring about accessibility ??

I don’t understand your question. Maybe I should clarify my request… Omit the toolbar, delete it, don’t have it be a part of this plugin, have the developer highlight the code and hit the “delete” button. ??

Hi LebCit,
Thank you for the quick reply. The issue is not related to Divi. I installed the plugin on a new, blank WordPress installation using the Twenty Twentyone theme and the problem is still there. If you open the search a second time and try to close it, it does not close and instead keeps popping up.
Here’s another link for testing: https://mattwilsonmd.com/staging/testing/

My issue is fixed. You need to wait a day for the new Event Categories created by the plugin to show up in Google Analytics. This might be worth mentioning if you re-record the set up video, which would be good to do since the plugin and Google Analytics have both changed since this was recorded ( https://www.youtube.com/watch?v=UP8mfuV9huI ).

I’m having same issue as @lukasz Wos. The events show up in Real Time > Events > Events (Last 30 min), but there’s nothing in Behavior > Events > Overview.

The page in question is https://www.furryamore.com/contact/ .
I’m using WordPress 4.2.4 + Yoast SEO plugin + Google Analytics by Yoast.

I was having a similar issue but just figured it out. Maybe this will help others…

My issue was that I’m also using the Yoast SEO plugin which blocks your Google Analytics (visits and events) when you are signed in. So I had my WP Dashboard and my test page both open in Chrome and couldn’t see any Events Category (or any other analytic) and had to open Internet Explorer (where I was not signed in to WP) and then my event tracking (and page visits) started working.

I hope that helps somebody else. Great work on the plugin – thanks @yuvalo!

@russpond – Your last comment fixed my 403! Thank you!!

Here’s what I did:
1) Find my website IP address (I used https://www.site24x7.com/find-ip-address-of-web-site.html )
2) Login to Cloudflare. Under “My Websites”, go “Threat control” > Add Custom Rule > Enter the IP address > Click “Trust”

I waited 30 seconds and it worked! Backing up site now like a boss ??