Principio 1/1.3 Adaptable/1.3.1-K
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
1.3.1-K. Evitar duplicar caption y summary
- Nivel: A
- Versión: 2.2
- 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. 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
Evaluación Comprobación manual
Procedimiento de evaluación
- Localizar tablas con <caption> y `summary`.
- Revisar el contenido de ambos elementos.
- 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...
