search

Dogfalo / materialize

Materialize, a CSS Framework based on Material Design
https://materializecss.com
MIT License
38.86k stars 4.74k forks source link

sideNav has no keyboard (or screen reader) support #925

Open cptvitamin opened 9 years ago

cptvitamin commented 9 years ago

Currently, there is no way to move focus to, or activate the sideNav widget with the keyboard. Also, there are no aria-* attributes to indicate the current state of the menu (aria-expanded) or it's properties (aria-controls). There is also no focus management upon activation (focus should move to the sidebar region upon open and back to menu control upon close)

samlovescoding commented 6 years ago

A temporary solution to all those with the same problem can be, to use a external script / plugin. For Screen readers you can use the Accessibility API and scripting events for keyboard isn't really that hard. Along with jQuery you can attach the events to sideNav or any component in general. This can serve as a temporary solution until devs add some feature to library.