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).