nuxt-themes / docus

Write beautiful documentations with Nuxt and Markdown.
https://docus.dev
MIT License
1.57k stars 156 forks source link

[Accessibility] Navigation on small screens is inaccessible on keyboard #676

Open djmtype opened 1 year ago

djmtype commented 1 year ago

Tested on Brave and Firefox.

On a small display, tab to hamburger menu. Open burger menu. Continue to tab. Notice how it doesn't focus on the first menu item?

Also if you don't want to apply a focus trap when the menu is open, then don't blur out the content behind the open menu.

Otherwise, if you prefer to keep the background blurred out when the menu is open, then set a focus trap which will allow the user to cycle though the menu until they reach the burger toggle button via keyboard.

Tahul commented 1 year ago

@bdrtsky could you look into it?

bdrtsky commented 1 year ago

I've added focus trap to Elements Drawer, this should fix the issue.