Fallo común Fallos comunes WCAG 2.2
F90Fallo del criterio de conformidad 1.3.1 debido a asociar incorrectamente los encabezados de tabla y el contenido mediante los atributos headers e id
En resumen
Este fallo se produce en tablas de datos complejas que usan los atributos id y headers para vincular celdas y encabezados, pero con referencias erróneas: por ejemplo, celdas que apuntan al encabezado equivocado por copiar y pegar código sin actualizarlo. El lector de pantalla anuncia entonces un contexto falso para cada dato. Revíselo siempre que edite tablas con varios niveles de encabezado.
Aplicabilidad
HTML
Descripción
Una de las formas que tienen los autores de asociar explícitamente las celdas de encabezado con las celdas de datos es usar los atributos id y headers. Estos permiten al autor asociar varias celdas de encabezado a una celda de datos concreta, lo que puede ser necesario cuando se usan tablas de datos complejas con más de un nivel de encabezado.
El fallo se produce cuando la relación entre las celdas de datos y sus celdas de encabezado correspondientes no puede determinarse correctamente por software porque la asociación de los atributos id y headers es defectuosa. Esto puede ocurrir, por ejemplo, al copiar código dentro de las tablas y olvidarse de actualizarlo.
Ejemplos
Nota: el ejemplo siguiente se basa en la tabla de datos compleja presentada como ejemplo 1 de la técnica H43: Usar los atributos id y headers para asociar las celdas de datos con las celdas de encabezado en tablas de datos.
Contenido de la tabla no asociado correctamente a encabezados anidados
En este ejemplo se usan encabezados anidados, pero las celdas de contenido están asociadas incorrectamente mediante los atributos id y headers. Todas las celdas hacen referencia al encabezado de nivel superior «Exams» (exámenes, id="e"), lo que no es correcto para las tres últimas columnas, que deberían hacer referencia al encabezado «Projects» (proyectos). Además, las referencias a los encabezados de columna de segundo nivel se han intercambiado por descuido, aunque en este ejemplo eso no supone ninguna diferencia porque los contenidos (1, 2, Final) se repiten.
Código de ejemplo:
<table>
<tr>
<th rowspan="2" id="h">Homework</th>
<th colspan="3" id="e">Exams</th>
<th colspan="3" id="p">Projects</th>
</tr>
<tr>
<th id="e1" headers="e">1</th>
<th id="e2" headers="e">2</th>
<th id="ef" headers="e">Final</th>
<th id="p1" headers="p">1</th>
<th id="p2" headers="p">2</th>
<th id="pf" headers="p">Final</th>
</tr>
<tr>
<td headers="h">15%</td>
<td headers="e p1">15%</td> <!-- should be "e e1" -->
<td headers="e p2">15%</td> <!-- should be "e e2" -->
<td headers="e pf">20%</td> <!-- should be "e ef" -->
<td headers="e e1">10%</td> <!-- should be "p p1" -->
<td headers="e e2">10%</td> <!-- should be "p p2" -->
<td headers="e ef">15%</td> <!-- should be "p pf" -->
</tr>
</table>
Pruebas
Procedimiento
- En las tablas que asocian las celdas de datos con las celdas de encabezado mediante los atributos id y headers, comprobar que la asociación por software es correcta.
Resultados esperados
- Si la comprobación n.º 1 es falsa, se da esta condición de fallo y el contenido falla el criterio de conformidad.
Cómo lo comprobamos en ADDAW
Este fallo es uno de los que buscamos en cada auditoría de accesibilidad de ADDAW: lo documentamos con capturas y el código afectado, indicamos el criterio que incumple y la técnica suficiente con la que se corrige. Los informes siguen la metodología del Observatorio de Accesibilidad y la norma UNE-EN 301 549.
Fuente y licencia
Traducción al español, no oficial, realizada por ADDAW a partir de la técnica F90 del documento «Techniques for WCAG 2.2» del W3C (versión del repositorio público del W3C a 22/10/2026). Copyright © W3C® (MIT, ERCIM, Keio, Beihang). Se publica conforme a la licencia de documentos del W3C. El texto normativo de referencia es el original en inglés; si detecta un error en la traducción, escríbanos.