Subnav: Level 4

Often located within the content of subnav level 3, used to navigate around a specific component.


Best practices


  • Code your navigation using link tags.
  • Put your links within an unordered list structure so that a screen reader will read out how many things are in the list to give visually impaired people the most information possible about the contents of the navigation.
  • Use the semantic <nav> tag around your unordered list and links with an ARIA role='navigation' attribute.
  • Optionally, attach an aria-label attribute to your navigation to give users of assistive technology as much information as possible (especially if there are multiple navigations on your site).

Be the first to comment

Please check your e-mail for a link to activate your account.