Nav Bar
Im a little confused as to how the nav bar should be designed semantically. I see some poeple who dont include the header tag and use nav tag instead of the header semantic tag. Then when you button like elements on your nav do they still go within the nav tag or outisde the nav but within the header if that makes sense
2 Replies
for instance my buttons are outside the nav tag but still within the header semantic tag
so these semantic elements create a landmark for assistive devices to access quickly
if you have a nav then you are pretty safe here
https://www.youtube.com/watch?v=YnzSkYWN7tE
the header element is more of an introduction to someone using the page that the navigation for that section of the page will probably be here.You can have more than 1 header in a page
A11y 101
YouTube
a11y landmarks
This video shows a very simple page structured by good old semantic markup. By doing so the page gets so called landmarks. Screenreader can identify these landmarks, read them out loud and jump directly to