DEV Community

Discussion on: How to build a Responsive 📱 React Navigation Menu with Styled-Components 💻

Collapse
 
link2twenty profile image
Andrew Bone

Hi, I've just had a quick look at your demo and it looks like your menu is not accessible without a mouse. This would be a quick fix you can use styled buttons rather than the icons directly as the buttons come with keyboard support out the box.

Collapse
 
hyggedev profile image
Chris Hansen

Hey there, thanks for letting me know. You mean it's not accessible with a keyboard? Because it works with mobile D: Unless that's obvious, but you're strictly speaking about keyboard accessible! I'll check it out 👍

Collapse
 
link2twenty profile image
Andrew Bone

Yes sorry i mean not accessible without pointer input (so mouse or touch)

Thread Thread
 
hyggedev profile image
Chris Hansen

Hey no worries! I just fixed the issue. I left the default button styles too, because I think it looks bad ass! Haha. Works with the theme.
Also, thanks for sharing your thoughts. I see your'e into accessibility, and I think we all should be. I'd like to spend more time concentrating on accessibility while coding. I appreciate it✌️