title: Accessibility compliance of specific table HTML
body: <p>I have an HTML layout engine that has a common component that can switch between ol HTML, ul HTML, and table HTML structure</p>
  <pre><code>&lt;component&gt;
      &lt;ul&gt;
          &lt;li&gt;
              &lt;div&gt; Enter Data here &lt;/div&gt;
          &lt;/li&gt;
          &lt;li&gt;
              &lt;div&gt; Enter Data here &lt;/div&gt;
          &lt;/li&gt;
      &lt;/ul&gt;
  &lt;/component&gt;
  </code></pre>
  <p>OR</p>
  <pre><code>&lt;component&gt;
      &lt;table&gt;
          &lt;tr&gt;
              &lt;div&gt; 
                  &lt;th&gt;
                      Enter Data here 
                  &lt;/th&gt;
                  &lt;th&gt;
                      Enter Data here 
                  &lt;/th&gt;
              &lt;/div&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;div&gt; 
                  &lt;td&gt;
                      Enter Data here 
                  &lt;/td&gt;
                  &lt;td&gt;
                      Enter Data here 
                  &lt;/td&gt;
              &lt;/div&gt;
          &lt;/tr&gt;
          &lt;tr&gt;
              &lt;div&gt; 
                  &lt;td&gt;
                      Enter Data here 
                  &lt;/td&gt;
                  &lt;td&gt;
                      Enter Data here 
                  &lt;/td&gt;
              &lt;/div&gt;
          &lt;/tr&gt;
      &lt;/table&gt;
  &lt;/component&gt; 
  </code></pre>
  <p>I have used WAVE/AXE/Lighthouse to validate the HTML structure of the Table and it seems to be working fine.</p>
  <p>Is there any issue if my layout engine creates a few additional divs inside the table HTML?
  My layout engine creates a div between the tr and td elements. Are there any issues that can arise from this with respect to accessibility standpoint?</p>