Migrate more single-node rules over to virtual nodes

[WilcoFiers]

Virtual nodes are faster and let axe run synchronously. We migrated a good number of rules over last year, but here are a couple more that I think could be migrated fairly quickly:

• aria-roledescription (refactor(aria-roledescription): use virtual node #3570)
• aria-text (refactor(aria-text): use virtualNode #3581)
• empty-table-header (refactor(empty-table-header): use virtual node #3621)
• empty-heading (refactor(empty-heading): use virtual node #3582)
• presentation-role-conflict (refactor(presentation-role-conflict): use virtual node #3596)
• table-duplicate-name (refactor(table-duplicate-name): use virtual node #3604)

[padmavemulapati]

After migrated aria-roledescription general fixture to virtual node, no change in the behaviour but refactored.
Script:

<button aria-roledescription="Awesome Button" id="target">Click</button>
  <div role="radio" aria-roledescription="Awesome Radio" id="target">Click</div>
  <div role="main" aria-roledescription="Awesome Main" id="target">The main element</div>
  <div aria-roledescription="Awesome Main" id="target">The main element</div>
  <div role="presentation" aria-roledescription="Awesome Main" id="target">The main element</div>
  <div role="none" aria-roledescription="Awesome Main" id="target">The main element</div>

After migrated aria-text general fixture/single node to virtual node, no change in the behaviour but refactored.
Script:

<button id="target"></button>
  <button id="target"><span tabindex="0">Hello</span></button>
  <button id="target"><span tabindex="-1">Hello</span></button>
  <button id="target"><span role="link" tabindex="-1">Hello</span></button>
  <button id="target"><a href="foo.html">Hello</a></button>
  <button id="target"><input type="checkbox"><a href="foo.html">Hello</a></button>
  <button id="target"><a href="foo.html" tabindex="-1">Hello</a></button>
  <button id="target"><input value="hello" disabled></button>
  <div role="text" id="fail1">
    Still an <a href="#">interactive link</a> because of the author error.
  </div>
  <div role="text" id="fail2">
    <a href="#" role="none">Flattened text</a> because of the explicit role.
  </div>
  <div role="text" id="fail3">
    <a href="#" tabindex="-1" role="none">Flattened text</a> because of the
    explicit role.
  </div>
  <p role="text" id="fail4"><button>Hello</button></p>
  <p role="text" id="fail5"><button tabindex="-1">Hello</button></p>

After migrated empty-table-header to virual node,
Script:

<table>
          <tr>
            <th id="fail1"></th>
          </tr>
        </table>
    
        <table>
          <tr>
            <td id="fail2" role="rowheader">
              <div style="display: none">Not Ok</div>
            </td>
          </tr>
        </table>
    
        <table>
          <tr>
            <td id="fail3" role="columnheader">
              <div style="display: none">Not Ok</div>
            </td>
          </tr>
        </table>
 

After empty-heading migrated to virtual node
Script:

<h1 id="fail1"></h1>
    <h1 id="fail2"><div style="display: none">Not Ok</div></h1>
    <h1 id="fail3"></h1>

After presentation-role-conflict migrated to virtual node,

Script:

<li id="violation1" role="presentation" aria-label="My Heading">Hello</li>
<h1 id="violation2" role="none" aria-label="My Heading">Hello</h1>
<div id="inapplicable1" role="presentation">Test</div>
<div id="inapplicable2" role="presentation">Test Button</div> 

AFter table-duplicate-name migrated to virtual node:
Script:

<!--table-duplicate-name--> 
       <table id="fail1" summary="some table">
        <caption>
          some table
        </caption>
        <tr>
          <th>AXE</th>
          <td>axe</td>
        </tr>
        <tr>
          <th>AXE</th>
          <td>axe</td>
        </tr>
      </table>