Crear tablas de datos accesibles.

<table>
    <caption>Monthly Budget</caption>
    <thead>
        <tr>
            <th scope="col">Month</th>
            <th scope="col">Amount Earned</th>
            <th scope="col">Amount Spent</th>
            <th scope="col">Amount Saved</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <th scope="row">January</th>
            <td>$2500</td>
            <td>$1500</td>
            <td>$500</td>
        </tr>
        <tr>
            <th scope="row">February</th>
            <td>$2700</td>
            <td>$1500</td>
            <td>$700</td>
        </tr>
    </tbody>
</table>

Los títulos de las tablas se agregan justo después de la <table>etiqueta de apertura con <caption>

Los encabezados de columna deben marcarse usando scope="col", scope="col"general, va en el <th>elemento.

Los encabezados de fila deben marcarse usando scope="row" scope="row"típicamente se pone en el primero <th>.

Articulo completo: https://a11yproject.com/posts/accessible-data-tables/