Principio 1/1.3 Adaptable/1.3.1-G

1.3.1-G. Celdas de encabezado identificadas

1_Perceptible 1.3_Adaptable

• Nivel: A
• Versión: 2.2
• Principio: 1_Perceptible
• Pauta: 1.3_Adaptable
• Grupo: Estructura y relaciones
• Subgrupo: Encabezados de tabla

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 identificar las celdas de encabezado con el elemento <th> y las celdas de datos con <td>.

Comprensión del criterio

Descripción resumida

Las tablas deben utilizar celdas de encabezado <th> para identificar correctamente las filas y columnas. Esto permite a los lectores de pantalla anunciar los encabezados antes de cada dato, facilitando la comprensión de la relación entre celdas.

Objetivo

Garantizar que los usuarios puedan comprender las relaciones entre los datos tabulares y los encabezados correspondientes mediante tecnologías de apoyo.

Importancia de cumplir el criterio

Sin <th>, los usuarios de lectores de pantalla reciben datos sin contexto. El etiquetado correcto permite interpretar correctamente la tabla incluso en formatos alternativos.

Referencias WCAG

• H51: Using table markup to present tabular information
• F91: Failure for not marking up table headers properly

Recursos de apoyo

• En PDF: marcar Table, TR, TH, TD
• En editores como Word/Docs: activar “Fila de encabezado”
• Revisar con WAVE la detección de <th>

Evaluación del criterio

Tipo de evaluación

Evaluación Semiautomática

Procedimiento de evaluación

1. Abrir WAVE → “Details – Structural elements”.
2. Verificar que las celdas de encabezado se identifiquen como “table header cell”.
3. Confirmar que las celdas de datos están marcadas con <td>.

Resultado esperado

Las tablas de datos usan <th> para encabezados y <td> para celdas de datos, con roles correctamente interpretados por productos de apoyo.

Ejemplo

Ejemplo correcto:

<table>
 <tr>
  <th>Producto</th>
  <th>Precio</th>
 </tr>
 <tr>
  <td>Café</td>
  <td>2€</td>
 </tr>
</table>

Buena práctica:

<!-- En Word: activas 'Fila de encabezado' para exportar como TH -->

Otras herramientas de evaluación

• WAVE
• Inspección del navegador

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-G. Celdas de encabezado identificadas

Loading comments...