Principio 1/1.3 Adaptable/1.3.1-J

1.3.1-J. Uso de summary en tablas de datos

1_Perceptible 1.3_Adaptable

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

Discapacidades afectadas

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

• Visual total – Barrera grave
• Baja visión – Barrera moderada
• Cognitiva – Barrera leve

Enunciado del criterio (Observatorio de Accesibilidad Web)

• En las tablas de datos que disponen de un atributo summary, dicho atributo debe describir la organización de la tabla o explicar cómo se usa.

Comprensión del criterio

Descripción resumida

Si una tabla incluye el atributo `summary` (obsoleto en HTML5), este debe proporcionar una descripción clara de cómo están organizados los datos o cómo se debe navegar por la tabla.

Objetivo

Proporcionar una visión general para ayudar a las personas usuarias, especialmente quienes utilizan lectores de pantalla, a entender la estructura y organización de una tabla compleja antes de interactuar con ella.

Importancia de cumplir el criterio

Un `summary` adecuado orienta a los usuarios sobre la estructura de una tabla compleja, facilitando su comprensión y navegación cuando se accede con tecnologías de apoyo.

Referencias WCAG

• H73: Using the summary attribute of the table element to give an overview of data tables

Recursos de apoyo

• Simplificar la tabla si es posible
• El atributo summary está obsoleto en HTML5
• Usarlo únicamente si existe en código heredado

Evaluación del criterio

Tipo de evaluación

Evaluación Comprobación manual

Procedimiento de evaluación

1. Identificar tablas complejas en la página.
2. Si existe el atributo `summary`, inspeccionar su contenido.
3. Comprobar que describe la estructura de la tabla o la forma de navegarla.

Resultado esperado

Si el atributo `summary` está presente, proporciona una descripción adecuada de la estructura de la tabla o de su uso.

Ejemplo

Ejemplo correcto:

<table summary="Esta tabla muestra las ventas trimestrales organizadas por producto y región.">
 ...
</table>

Ejemplo incorrecto:

<table summary="Tabla de datos">
 ...
</table>

Otras herramientas de evaluación

• Inspección del navegador

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-J. Uso de summary en tablas de datos

Loading comments...