DEV Community

Discussion on: CSS-Only Accessible Dropdown Navigation Menu

Collapse
 
5t3ph profile image
Stephanie Eckles

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

Thank you so much! 💫