s Guías Prácticas de Código Accesible
Escudo de la República de Colombia

Tablas con uno o dos encabezados

Tabla con un encabezado en su parte superior.
Ejemplo:

Concerts:

Primer Nombre Segundo Nombre Apellidos
Luis Felipe Londoño
Valentina Paula Tabares
Jhon Hesneyder Londoño
Fragmento de Código:
<table>
    <tr>
        <th>Primer Nombre</th>
        <th>Segundo Nombre</th>
        <th>Apellidos</th>
    </tr>
    <tr>
        <td>Luis</td>
        <td>Felipe</td>
        <td>Londoño</td>
    </tr>
    […]
</table>

Tablas con el encabezado en la primera columna.
Ejemplo:

Concerts:

Primer Nombre Luis Valentina Jhon
Segundo Nombre Felipe Paula Hesneyder
Apellidos Londoño Tabares Londoño
Fragmento de Código:
<table>
    <tr>
        <th>Primer Nombre</th>
        <td>Luis</td>
        <td>Valentina</td>
        <td>Jhon</td>
    </tr>
    <tr>
        <th>Segundo Nombre</th>
        <td>Felipe</td>
        <td>Paula</td>
        <td>Hesneyder</td>
    </tr>
    <tr>
        <th>Apellidos</th>
        <td>Londoño</td>
        <td>Tabares</td>
        <td>Londoño</td>
    </tr>
</table>

Tablas con datos ambiguos.
Ejemplo:
Integrantes GAIA:
Apellidos Nombres Cargo
Duque Nestor Tabares
Rodriguez Paula Valentina
Profesor Aspirante a doctora Profesora
Fragmento de Código:
<table>
  <caption>Integrantes GAIA</caption>
  <tr>
    <th scope="col">Apellidos</th>
    <th scope="col">Nombres</th>
    <th scope="col">Cargo</th>
  </tr>
  <tr>
    <td>Duque</td>
    <td>Nestor</td>
    <td>Profesor</td>
  </tr>
  <tr>
    <td>Rodriguez</td>
    <td>Paula</td>
    <td>Valentina</td>
  </tr>
  <tr>
    <td>Profesor</td>
    <td>Aspirante a doctora</td>
    <td>Profesora</td>
  </tr>
</table>

Tablas con dos encabezados
Ejemplo:
Horarios:
Lunes Martes Miercoles Jueves Viernes
09:00 - 11:00 Clase Libre Libre Clase Clase
11:00 - 13:00 Libre Libre Clase Clase Clase
13:00 - 15:00 Libre Libre Libre Clase Clase
15:00 - 17:00 Clase Clase Clase Libre Libre
Code snippet:
<table>
  <caption>Horarios:</caption>
  <tr>
    <td></td>
    <th scope="col">Lunes</th>
    <th scope="col">Martes</th>
    <th scope="col">Miercoles</th>
    <th scope="col">Jueves</th>
    <th scope="col">Viernes</th>
  </tr>
  <tr>
    <th scope="row">09:00 - 11:00</th>
    <td>Clases</td>
    <td>Libre</td>
    <td>Libre</td>
    <td>Clases</td>
    <td>Clases</td>
  </tr>
  <tr>
    <th scope="row">11:00 - 13:00</th>
    <td>Libre</td>
    <td>Libre</td>
    <td>Clases</td>
    <td>Clases</td>
    <td>Clases</td>
  </tr>
  […]
</table>