Saltar al contenido
SilktideAyuda

Identificadores de encabezados de tabla

Silktide comprueba las tablas que conectan sus celdas con los encabezados mediante el atributo headers. En estas tablas, cada celda de encabezado necesita su propio ID; de lo contrario, las conexiones no funcionan.

En tablas complejas —por ejemplo, con dos niveles de encabezados o celdas que abarcan varias filas— la relación entre una celda y sus encabezados no puede deducirse solo por su posición. resuelve esto con el atributo headers: cada celda de datos enumera los valores de id de las celdas de encabezado que se le aplican. Eso solo funciona si cada celda de encabezado tiene realmente un id.

<!-- Problema: el segundo encabezado no tiene id, por lo que las celdas no pueden referenciarlo -->
<table>
  <tr>
    <th id="name">Nombre</th>
    <th>Puntuación</th>
  </tr>
  <tr>
    <td headers="name">Ada</td>
    <td>98</td>
  </tr>
</table>

Por qué es importante

Cuando una tabla utiliza asociaciones headers, un lee en voz alta los encabezados vinculados antes de cada valor, lo que permite a la persona oyente situarse en una tabla compleja. Una celda de encabezado sin id no puede ser referenciada, por lo que las celdas bajo ella se anuncian sin contexto y la tabla se convierte en un ejercicio de conjeturas para quien no pueda verla.

Cómo solucionarlo

  1. Asigna a cada celda de encabezado <th> de la tabla un id único.
  2. Actualiza el atributo headers de cada celda de datos para que incluya los ID de todos los encabezados que se le apliquen, separados por espacios:
<!-- Corregido: cada encabezado tiene un id y las celdas los referencian -->
<table>
  <tr>
    <th id="name">Nombre</th>
    <th id="score">Puntuación</th>
  </tr>
  <tr>
    <td headers="name">Ada</td>
    <td headers="score">98</td>
  </tr>
</table>
  1. Alternativamente, plantéate simplificar la tabla. Las tablas sencillas con una sola fila o columna de encabezados no necesitan asociaciones headers: las celdas <th> con atributos scope son suficientes y mucho más fáciles de mantener.

Cómo lo prueba Silktide

  1. Busca todas las tablas en cada página.
  2. Omite las tablas en las que ninguna celda use el atributo headers: esta comprobación solo se aplica a las tablas que han optado por asociaciones explícitas de encabezados.
  3. En las tablas restantes, informa de cada celda de encabezado <th> que no tenga atributo id.

Más información

Última actualización

¿Le ha resultado útil esta página?

Identificadores de encabezados de tabla | Ayuda de Silktide