Principio 1/1.3 Adaptable/1.3.1-H

1.3.1-H. Asociación entre celdas

1_Perceptible 1.3_Adaptable

• Nivel: A
• Versión: 2.2
• Principio: 1_Perceptible
• Pauta: 1.3_Adaptable
• Grupo: Estructura y relaciones
• Subgrupo: Asociación de celdas en tablas complejas

Discapacidades afectadas

Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.

• Visual total – Barrera leve
• Sordoceguera – Barrera leve

Enunciado del criterio (Observatorio de Accesibilidad Web)

• En las tablas de datos se deben asociar adecuadamente las celdas de encabezado con las celdas de datos.

Comprensión del criterio

Descripción resumida

En tablas complejas (más de un nivel de encabezados), es necesario asociar programáticamente las celdas de encabezado con las celdas de datos mediante atributos como `scope`, o `id` y `headers`, para garantizar que los productos de apoyo comprendan las relaciones entre datos.

Objetivo

Permitir que los lectores de pantalla anuncien correctamente los encabezados asociados a cada celda de datos, facilitando la interpretación de tablas complejas.

Importancia de cumplir el criterio

Sin la asociación correcta, los usuarios que dependen de tecnologías de apoyo no pueden entender la relación entre los encabezados y los datos, generando confusión y pérdida de información esencial.

Referencias WCAG

• H43: Using id and headers attributes to associate cells in data tables
• H63: Using scope to associate header cells and data cells
• F90: Incorrectly associating table headers and data cells

Recursos de apoyo

• Intentar simplificar la tabla antes de asociar manualmente las celdas
• En PDF: asignar ID único a cada TH y referenciar en cada TD
• Verificar asociaciones con herramientas y lector de pantalla

Evaluación del criterio

Tipo de evaluación

Evaluación Comprobación manual

Procedimiento de evaluación

1. Localizar tablas complejas con múltiples encabezados.
2. Usar inspección del navegador para verificar atributos `scope`, `id` y `headers` o ARIA roles.
3. Confirmar que cada celda de datos está asociada a sus encabezados correspondientes.

Resultado esperado

Las celdas de encabezado están asociadas programáticamente con las celdas de datos, permitiendo interpretar correctamente las relaciones en la tabla.

Ejemplo ilustrativo

Ejemplo correcto:

<th id="col1">Año</th>
<th id="col2">Ventas</th>
<td headers="col1 col2">2024 — 500 unidades</td>

Ejemplo con `scope`:

<th scope="col">Año</th>
<th scope="col">Ventas</th>
<td>2024</td>
<td>500</td>

Otras herramientas de evaluación

• Inspección del navegador
• Lector de pantalla (NVDA, JAWS, VoiceOver)

Ejemplos accesibles y no accesibles creados por alumnos

	Última modificación
25261.3.1-H-000	18 diciembre 2025 10:47:17
2526UPSA1.3.1-H-000	18 diciembre 2025 10:23:13

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-H. Asociación entre celdas

Loading comments...