We have found a problem when it comes to accessibility for disabled useres.
How can they Activate drop-down in the menu using keyboard (tab)
Can anyone answer?
Hi whdsolutions,
Please have a look at the following threads:
If you need further assistance please let us know.
Best regards,
Victoria
One big trouble is that it is different on every browser.
On that it would be easy to set a :focus state for the links – but f.e. my firefox browser only switches on top in the menu line ( browser menu line) by tab navigation. But i guess people with physical disabilities will have special browsers in this case.
A reader is already implemented
On Submenu – the arrow keys should indeed be activated for the menu: see here some good hints for the devs ;)
https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/menubar-1.html
Hi,
Yes, making the arrow keys work for the next and previous menu items is going to be one of the problems that needs solving. A very clean and simple implementation can be found here: https://www.w3.org/TR/wai-aria-practices/examples/menubar/menubar-1/js/MenubarItemLinks.js
And the rough patch in this thread makes the sub menu accessible on Firefox — it will focusout on the very last menu item in the ul.
Best regards,
Ismael