Principio 1/1.3 Adaptable/1.3.1-K

1.3.1-K. Evitar duplicar caption y summary

1_Perceptible 1.3_Adaptable

• Nivel: A
• Versión: 2.0
• Principio: 1_Perceptible
• Pauta: 1.3_Adaptable
• Grupo: Estructura y relaciones
• Subgrupo: Caption y summary

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 que contienen tanto el elemento <caption> como el atributo summary, el contenido de ambos no debe estar duplicado.

Comprensión del criterio

Descripción resumida

Si una tabla incluye <caption> y el atributo summary, el texto de ambos no puede ser idéntico.

• <caption> identifica la tabla
• summary describe su organización o cómo navegarla en caso de ser necesaria esa información

Objetivo

Evitar que las tecnologías de apoyo anuncien información redundante, lo que puede provocar confusión y sobrecarga cognitiva. Cada elemento debe aportar información distinta y útil.

Importancia de cumplir el criterio

La duplicación del título y del resumen causa experiencias repetitivas para usuarios de lectores de pantalla, afectando la comprensión y la eficiencia en la navegación.

• <caption> ha de ser breve
• summary debe aportar un contexto diferente y funcional

Referencias WCAG

• H73: Using the summary attribute to describe the organization of data tables

Recursos de apoyo

Consejos

• El atributo summary está obsoleto en HTML5, pero puede aparecer en contenido heredado
• Usar <caption> para el título y descripción separada si es necesaria

Evaluación del criterio

Tipo de evaluación

Evaluación Manual

Procedimiento de evaluación

1. Paso 1. Localizar las tablas de datos que existan en la página.
2. Paso 2. Usando la herramienta de inspección de código del navegador, verificar que los atributos summary y la etiqueta <caption> no presentan contenidos duplicados.

Resultado esperado

El contenido del <caption> y el summary no es idéntico. Cada uno cumple su función y aporta información distinta.

Ejemplo

Codigo HTML con etiquetas <caption> y atributo summary". El contenido de cada una corresponde a concretar los datos presentes en la tabla.

<table summary="Esta tabla resume las compras mensuales por departamento.">
 <caption>Compras por mes y departamento</caption>
 ...
</table>

Otras herramientas de evaluación

• Inspección del navegador: comprobar el código fuente que hay en elementos tabla, comprobar el contenido de <caption> y summary y observar si son distintos y se ajustan a los datos que contiene la tabla
• Lector de pantalla: (NVDA, JAWS, VoiceOver) Comprobar si el contenido del titulo y el resumen son distintos y se corresponden al contenido de la tabla.

Comentarios

A continuación se muestran comentarios sobre el criterio 1.3.1-K. Evitar duplicar caption y summary

Loading comments...