Nav Control
See also: Styling Assistants, Introduction to Styling, Controls, Layouts
A Nav Control is a simple container control that is rendered using a <nav> HTML tag. Its primary purpose is to act as a container for other controls which can be laid out according to the selected layout – click here for a general discussion on container controls and layouts.
A Nav Control is functionally identical to a Panel Control and inherits all its properties and behaviour. The only difference is that it uses <nav> instead of <div> as the enclosing HTML tag.
Use a Nav Control to contain a menu or set of navigation links. It is best practice for each control to have an ARIA label – e.g. Main Menu - specified with either the ARIA Label Text or Labelled By properties and this is a requirement if more than one Nav Control exists on a page. This enables a screen reader user to quickly navigate to a menu when they need to. Nav Controls map automatically to the navigation ARIA role so there is no need to explicitly provide an ARIA role unless you want to change this. See Designing Accessible Applications for more information.