Accessibility for data tables

Data tables are most easily readable by screen readers and need no extra mechanism to enable screen reader support.

HTML structure for accessibility:

Use below for screen reader to read tables as rows and columns along with cell with text and cell reference in table:

<table>
 <tbody>
  <tr>
    <th>Id</th>
    <th>Name</th>
    <th>Age</th>
    <th>Place</th>
  </tr>
                    
  <tr>
    <td>201</td>
    <td>John</td>
    <td>25</td>
    <td>California</td>
  </tr>
  <tr>
    <td>202</td>
    <td>Smith</td>
    <td>30</td>
    <td>Miami</td>
   </tr>
 </tbody>
</table>

With proper table structure, screen readers tend to read it correctly. You might add below tags as well:

<thead></thead>
<tbody></tbody>
<caption></caption>

<caption></caption> is good to add to enable screen readers for tables.