Principio 1/1.3 Adaptable/1.3.1-K

De WCAG Wiki

1.3.1-K. Evitar duplicar caption y summary

Discapacidades afectadas

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

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. El <caption> identifica la tabla y el `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. El <caption> es breve; el `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

  • 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

Procedimiento de evaluación

  1. Localizar tablas con <caption> y `summary`.
  2. Revisar el contenido de ambos elementos.
  3. Verificar que el `summary` aporta información adicional y no repite el <caption>.

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

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

Ejemplo incorrecto:

<table summary="Compras por mes y departamento">
 <caption>Compras por mes y departamento</caption>
 ...
</table>

Otras herramientas de evaluación

  • Inspección del navegador
  • Lector de pantalla










Ejemplos accesibles y no accesibles creados por alumnos

Comentarios

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

Loading comments...