- This topic has 18 replies, 3 voices, and was last updated 9 months, 4 weeks ago by
Tom.
-
AuthorPosts
-
December 9, 2019 at 10:19 am #1098971
Steven
When the mobile menu is activated on a device where a keyboard, VoiceOver, or Voice Assistant is being used to navigate the site, the overlay doesn’t appear to get the focus. When the menu opens, the focus remains on the underlying page instead of the menu. This makes the menu and close option inaccessible to keyboard/voice assisted users. Can the script that handles opening the off canvas menu be modified to set focus to the overlay? Running GP Premium 1.9.1 on WordPress 5.3.
December 9, 2019 at 7:50 pm #1099388Tom
Lead DeveloperLead DeveloperHi there,
Strange – it should be accessible. What happens if you temporarily remove the widgets from the panel?
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 10, 2019 at 9:10 am #1100076Steven
Hi Tom,
I disabled the element hook that was injecting the search into the off canvas menu. It still has the focus issue. To reproduce:
Configure a site to use the off canvas for mobile.
Narrow the browser to activate the mobile toggle button.
Select the mobile toggle button using a keyboard and the Enter key.
Try to navigate the primary nav in the off canvas menu with the tab key.
You’ll see it traversing the underlying page until it gets to the bottom of the page and then appears to eventually get to the off canvas menu items.The desired behavior would be to have the focus set to the off canvas container and have it announced that the menu has been opened.
December 10, 2019 at 5:25 pm #1100434Tom
Lead DeveloperLead DeveloperThat behavior should be happening. For example, check out this site in our library: https://gpsites.co/spacious
I wonder what combination of options is breaking it. I’ll play around to see if I can reproduce it.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 11, 2019 at 8:21 am #1101175Steven
Try Customizing > Layout > Off Canvas Panel > Style = Overlay
December 15, 2019 at 9:17 am #1105097Tom
Lead DeveloperLead DeveloperYea, there’s the bug. Thanks for reporting this – will get in fixed in 1.10 π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentDecember 16, 2019 at 8:31 am #1105996Steven
Thanks for the confirmation.
February 19, 2020 at 5:02 pm #1170980Naomi
ππππ So glad to hear that!
February 19, 2020 at 7:38 pm #1171041Tom
Lead DeveloperLead DeveloperThis has been fixed in 1.10.0, which will be going into alpha testing shortly π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentFebruary 20, 2020 at 12:42 pm #1171935Naomi
Very exciting! Thank you!
April 1, 2020 at 10:47 am #1222485Tom
Lead DeveloperLead DeveloperJust a heads up that 1.10.0 is available for testing if you’d like the confirm the fix: https://generatepress.com/gp-premium-1-10-0/
Thanks!
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 1, 2020 at 11:08 am #1222522Steven
Not sure if this is fixed. I’ve updated to the Version 1.10.0-alpha.1: https://bhamprod.wpengine.com/
April 1, 2020 at 12:00 pm #1222592Tom
Lead DeveloperLead DeveloperStrange, it was working but now it’s not.
I think I’ve figured it out now so it will be in beta.1. Would you like to wait until then to find out, or are you comfortable overwriting a file in the plugin to test now?
Let me know π
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-developmentApril 1, 2020 at 12:02 pm #1222595Steven
Happy to manually override so we can give you feedback.
April 1, 2020 at 12:32 pm #1222632Tom
Lead DeveloperLead DeveloperAwesome, thank you!
Replace the contents of the
wp-content/plugins/gp-premium/menu-plus/functions/js/offside.min.js
file with this: https://pastebin.com/u2hLLfi4Then you may need to clear your browser cache/do a hard refresh.
Documentation: http://docs.generatepress.com/
Adding CSS: http://docs.generatepress.com/article/adding-css/
Ongoing Development: https://generatepress.com/ongoing-development -
AuthorPosts
- You must be logged in to reply to this topic.