ACCESSIBILITY - MOBILE MENU "BUG"
You have been an excellent help with adding translatable aria-labels to BETHEME to improve accessibility of BETHEME for other languages (https://forum.muffingroup.com/betheme/discussion/comment/219677).
We have now come across an accessibility issue that seems to be a bug (probably in jQuery – handling events – not sure).
For a keyboard user all seems to work just fine. You can use TAB to navigate to a mobile menu icon, open it with a space key and then you are located in the mobile menu, so clicking TAB will lead you through the menu items. This is just fine.
However, when using voice-over, you reach the mobile menu icon and if you follow voice-over reader instructions and click CTRL-ALT-SPACE that should take you to the mobile menu, you stay in the main content of the page, unable to get to the mobile menu.
If using a desktop, you could still get into the mobile menu via TAB as an alternative, but when you are on a smart phone of tablet and depending only on voice-over swipes (left/right), you will have to circle around the whole website content before you reach the mobile menu, which is a problem. It was flagged by an Accessibility audit as a red flag (unacceptable).
I am not sure why it is this way. Could it be a simple thing that after opening the mobile menu, the div #Side_slide keeps a status of aria-expanded="false" instead of aria-expanded="true"???
If not, maybe it needs an extra tabindex after opening? This is too complex for me.
This is the last major stumbling block in terms of the Accessibility audit for my project built on BETHEME. It would be a great help if you manage to discover the reason for this behaviour.