Section Control
See also: Styling Assistants, Introduction to Styling, Controls, Layouts
A Section Control is a simple container control that is rendered using a <section> 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 Section Control is functionally identical to a Panel Control and inherits all its properties and behaviour. The only difference is that it uses <section> instead of <div> as the enclosing HTML tag.
Section Controls map automatically to the region ARIA role so there is no need to explicitly provide an ARIA role unless you want to change this. Use Section Controls where a page contains more than one section. Each control must have an ARIA label specified with either the ARIA Label Text or Labelled By properties. This enables a screen reader to read out the various sections to the user so they can quickly navigate around the page.
Section Controls should not be nested within other Section Controls.