Recetario de accesibilidad web

Capítulo 11. Presentación de datos tabulares

Este trabajo se ha traducido utilizando IA. Agradecemos tus opiniones y comentarios: [e-mail]

Los desarrolladores han abusado tanto de las tablas en el pasado que hoy casi tienen miedo de utilizarlas por temor a perjudicar la accesibilidad. La verdad es que las tablas tienen su lugar e incluso pueden mejorar la accesibilidad. Es esencial comprender cuándo y cómo utilizarlas y cuándo otra solución podría ser mejor.

11.1 Elige los elementos adecuados

Problema

Como la mayoría de los elementos semánticos, las tablas pueden ser útiles para tus usuarios, pero sólo si las utilizas correctamente y si son la herramienta adecuada para el trabajo. Si no, pueden empeorar la experiencia. Pueden proporcionar información útil a los usuarios de lectores de pantalla o imposibilitar el consumo del contenido.

Solución

Utiliza tablas sólo cuando tengas datos con más de una dimensión, y una estructura en forma de tabla sea la mejor manera de presentarlos y transmitir su significado (consulta el Ejemplo 11-1 para ver un ejemplo). No utilices tablas para maquetar.

Ejemplo 11-1. Una tabla con los nombres y puntuaciones de los jugadores de un juego online ficticio

<table>
  <caption>Scores Group A</caption>
  <thead>
    <tr>
      <th>Name</th>
      <th>Score</th>
      <th>Country</th>
    </tr>
  </thead>
  <tbody>
    <tr>
      <td>Michael</td>
      <td>27</td>
      <td>Austria</td>
    </tr>
    <tr>
      <td>Robert</td>
      <td>7</td>
      <td>Croatia</td>
    </tr>
    <!-- … -->
  </tbody>
</table>

Debate ...