refactored vanilla js with alpine js for dropdown - Githubissues

praveenjuge / kutty

Kutty is a tailwind plugin for building web applications. It has a set of accessible and reusable components that are commonly used in web applications.

https://kutty.netlify.app

MIT License

832 stars 44 forks source link

refactored vanilla js with alpine js for dropdown #6

Closed TheWebDevel closed 4 years ago

TheWebDevel commented 4 years ago

a11y done

Set aria-haspopup attribute to dropdown button
Set aria-controls attribute to dropdown button mapped to dropdown menu
Set aria-labelledby attribute to dropdown menu mapped to dropdown button
Toggle aria-expanded attribute to dropdown button
Set role="menu" attribute to dropdown menu
Set role="menuitem" attribute to dropdown menu items
Toggle aria-hidden attribute to dropdown menu based on it's open state
Add tabindex="-1" to dropdown menu items
Restore focus to the dropdown button once the dropdown menu is closed