Use the Accessible Menu library to manage the menu structure

There's also a Drupal module for that library https://www.drupal.org/project/accessible_menu →

If there's any interest in leveraging that library I can get an MR started to integrate the library.

This is great stuff Mathew (@minoroffense)! 😍

Thanks a lot for sharing this! 🙏

Recently, I have been searching around, looking for a good Vanilla JS alternative to the current custom scripts based on the hoverIntent JQuery plugin.... But up until now, I couldn't find anything that could look like an exploitable solution.

Additionally, I have been looking at ✨ Tabbing order does not satisfy 508 accessibility requirements Active , which seems to basically implement with custom code exactly what the accessible_menu library does 👍

So essentially, if I understand this right: we "could" replace entirely (almost) all the JS and CSS that is currently used by the module to:

• Implement a full Vanilla JS version of admin_toolbar.
• Move all basic/default CSS/JS libraries out of the code base.
• Implement ✨ Tabbing order does not satisfy 508 accessibility requirements Active

 
On paper, this looks like an amazing idea and exactly for what I had been looking for the past two months 😅
 
Now, I would have to give the Accessible Menu → module and libraries a bit of testing to see how (and if) this could potentially work.
 
But, would you have any recommendations on how this could work?
Is my understanding correct or could I be missing something?
 
Would you like to take an initial stab at the implementation of this feature and create an initial merge request?
 
Any suggestions, advice or recommendations would be greatly appreciated.
 
Feel free to let us know if you have any questions or concerns on this comment or the module in general, we would certainly be glad to help.
Thanks in advance! 🙂

Yeah the idea with the library is that it takes your existing menu markup and reworks it to match the reference implementation as defined by https://www.w3.org/WAI/ARIA/apg/ depending on the type of menu (e.g. dropdown, disclosure, tree, etc.). It would do all of the work for showing/hiding menus, keyboard nav, etc. So there'd presumably be very little JS left in the admin toolbar module. But obviously we'd only remove what's redundent.

Excellent. We'll take a crack at integrating the library. We'll let you know once we have something to show.

We're also swinging for the fences to try and get the library into core itself.