MAIN Landmark Design Patterns

One Main Landmark

<div role="main">

  <h1>title for main content<h1>

  .... main content....

</div>

Multiple Main Landmarks

<div role="main" aria-labelledby="title1">

  <h1 id="title1">title for main content 1<h1>

  .... main content....

</div> .... <div role="main" aria-labelledby="title2">

  <h1 id="title2">title for main content 2<h1>

  .... main content....

</div>