From the course: Simplifying Web Development with Accessibility Best Practices

Unlock this course with a free trial

Join today to access over 25,300 courses taught by industry experts.

Multilevel navigation menu

Multilevel navigation menu - HTML Tutorial

From the course: Simplifying Web Development with Accessibility Best Practices

Start my 1-month free trial Buy for my team

Multilevel navigation menu

“

- [Instructor] Expanding on that mobile menu example, we can now build out a more advanced multi-level or dropdown navigation menu using the same button trigger modality. Here's what it looks like in the browser. I can hover over any one of these menu items. If I click on one of the ones that has a down-pointing chevron, it opens a dropdown menu. Click anywhere else, that dropdown closes, same with the other one, dropdown closes. I can also tab through this. And if you look, I'll say, if I hit the Tab key once, I get to skip navigation. That's because this is a fairly large menu and I might want to give people the option of just not going through the navigation menu. So, Skip navigation, we'll just skip past the navigation and into the main content. If I keep tabing, I get through the Home button, then to the News button, here I can open the News tab through it. When I go to the end of the news list and tab again, the…

Contents