<header><h1 role="none">none</h1>
  <h1 role="presentation"> or presentation?</h1></header>
<main>
<h1>default</h1>
<table role="none" border=1>
  <caption>none</caption>
 <tr><td>none<td>none<td>none
  <tr><td>none<td>none<td>none
  <tr><td>none<td>none<td>none</table>
  <hr>
<table border=1 role="presentation">
   <caption>presentation</caption><tr><td>presentation<td>presentation<td>presentation
<tr><td>presentation<td>presentation<td>presentation<tr><td>presentation<td>presentation<td>presentation</table>
  <table border=1>
    <caption>default</caption><tr><td>default<td>default<td>default    <tr><td>default<td>default<td>default    <tr><td>default<td>default<td>default
  </table>
    </main>
   <footer>
  <ul role="none">
    <li>none</li>
  </ul>
   <ul role="presentation">
    <li>presentation</li>
  </ul>
   <ul>
    <li>default</li>
  </ul>
  </footer>

table {margin-top:1em;}