Hello everyone,
first time contributor here! I am currently making my project more accessible to Screen Readers. I noticed that the <li> tags of each navigation item for a mega menu are not accessible through the keyboard with the Tabulator key and therefore Screen Readers do not target the main navigation points.
Another issue that occurs is the trigger of the mega menu. The user is not able to toggle the navigation item expanded/collapsed with the Spacebar nor the Enter key.
Note that Screen Reader Solutions like MacOS VoiceOver Control + Option + Arrow Keys for navigation or Control + Option + Spacebar for toggling expanded/collapsed does work.
Windows Narrator does also register those elements. Yet no toggling possible.
It is mainly targeted to cover the Tabulator navigation and Spacebar/Enter toggling.
Noticed with version: 3.1.0
Simply navigate through the elements with the Tabulator key.
Adding a "tabindex='0'" attribute should already cover the most part. Then I would add some JavaScript or jQuery, what you prefer, to prevent the default behavior of the Spacebar and enable toggling also with the Spacebar and Enter key.
Active
3.1
Code
Not all content is available!
It's likely this issue predates Contrib.social: some issue and comment data are missing.