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.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
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
- Paso 1. Localizar las tablas de datos que existan en la página.
- 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 codigo fuente que hay en elementos tabla, comprobar el contenido de
<caption>y summary si se ajustan a los datos de la tabla - Lector de pantalla: (NVDA, JAWS, VoiceOver) Comprobar si se nombra un titulo y un resumen que corresponden al contenido de la información de la tabla.
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...
