DEV Community

loading...

Discussion on: CSS-Only Accessible Dropdown Navigation Menu

Collapse
5t3ph profile image
Stephanie Eckles Author

Thanks! I think this may be two different types of dropdown intent - my example here is intended for lists of links which is a pretty anticipated pattern using semantic HTML, whereas you may be referring to rebuilding form dropdowns perhaps in JS in which case what you've noted is absolutely correct. For navigating links on a page, tabbing is expected as the keyboard interaction. This is also navigable via VoiceOver in expected ways - announced as a nav landmark, and the example noted where the list items refers to the list title via aria-labelledby. An important distinction, thanks for bringing it up!

Collapse
sylwiavargas profile image
Sylwia Vargas

Ah, true! Thank you for your answer and your post. I just saw your website — it's amazing! The styling, the content!

Thread Thread
5t3ph profile image
Stephanie Eckles Author

Thank you so much! 💫