Los elementos <td> no vacíos en <table> más grandes deben tener un encabezado de tabla asociado

El marcado para tablas de datos puede ser tedioso y confuso. Las tablas deben estar marcadas semánticamente y tener la estructura de encabezados apropiada. La navegación por tablas se facilita mediante características de los lectores de pantalla, pero para que estas capacidades funcionen correctamente, las tablas deben estar marcadas con precisión.

Los lectores de pantalla anuncian las tablas de una manera específica. Existe la posibilidad de que la salida del lector de pantalla sea poco clara o errónea cuando las tablas no están marcadas correctamente.

Los usuarios de lectores de pantalla no pueden comprender correctamente de manera visual las relaciones entre las celdas y su contenido cuando las tablas no están estructuradas adecuadamente y marcadas semánticamente.

Qué comprueba esta regla de accesibilidad

Verifica la estructura correcta de encabezados y el marcado semántico de las tablas de datos.

Learn more:

Deque Reference

Deque University - How To Fix

→

W3C Reference

W3C WAI - Tables Tutorial

→

W3C Reference

WCAG 2.1 - Using id and headers attributes to associate data cells with header cells in data tables

→

W3C Reference

WCAG 2.1 - Using table markup to present tabular information

→

W3C Reference

WCAG 2.1 - Using the scope attribute to associate header cells and data cells in data tables

→

W3C Reference

WCAG 2.1 - Using the summary attribute of the table element to give an overview of data tables

→