title: HTML5 main element versus ARIA landmark role="main"
body: <p>I'm interested to learn more about the relationship, and possible distinctions, between the HTML5 <code>&lt;main&gt;</code> element, and the ARIA landmark role attribute <code>role="main"</code>.</p>
  
  <p>I'm under the impression that the purpose of the <code>&lt;main&gt;</code> element is to map the ARIA roll attribute <code>role="main"</code> onto a specific HTML element. But does that sum it up?</p>
  
  <p>Are there benefits to using <code>&lt;main&gt;</code> over, say, <code>&lt;div role="main"&gt;</code>? Or will these, for now and the foreseeable future, yield the same result?</p>
  
  <p>Any insights in comparing the following examples would be greatly appreciated:</p>
  
  <pre><code>&lt;body&gt;
    &lt;main&gt;
      &lt;p&gt;Paragraph&lt;/p&gt;
    &lt;main&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;body&gt;
    &lt;main role="main"&gt;
      &lt;p&gt;Paragraph&lt;/p&gt;
    &lt;main&gt;
  &lt;/body&gt;
  </code></pre>
  
  <p></p>
  
  <pre><code>&lt;body&gt;
    &lt;div role="main"&gt;
      &lt;p&gt;Paragraph&lt;/p&gt;
    &lt;div&gt;
  &lt;/body&gt;
  </code></pre>