title: Must role="tab" be the direct child of a role="tablist"?
body: <p>I have an accordion which is structured like:</p>
  
  <pre><code>&lt;section... role="tablist"&gt;
    &lt;div&gt;
      &lt;h3 role="tab"&gt;Title&lt;/h3&gt;
      &lt;div role="tabpanel"&gt;
      ...
      &lt;/div&gt;
    &lt;/div&gt;
  &lt;/section&gt;
  </code></pre>
  
  <p>Does tab have to be a direct child of the tablist to conform to wai aria best practices or is it okay to be wrapped in a div?</p>