Diferencia entre revisiones de «Principio 1/1.3 Adaptable/1.3.1-I»
De WCAG Wiki
< Principio 1 | 1.3 Adaptable
Sin resumen de edición |
Sin resumen de edición |
||
| (No se muestran 2 ediciones intermedias del mismo usuario) | |||
| Línea 30: | Línea 30: | ||
|wcag_texto_criterioOAW= | |wcag_texto_criterioOAW= | ||
En las tablas de datos que disponen de un título, este se debe identificar mediante el elemento <code><nowiki><caption></nowiki></code> y dicho título debe identificar adecuadamente la tabla. | En las tablas de datos que disponen de un título, este se debe identificar mediante el elemento <code><nowiki> <caption> </nowiki></code> y dicho título debe identificar adecuadamente la tabla. | ||
|wcag_descripcion_resumida= | |wcag_descripcion_resumida= | ||
Las tablas que incluyen un título deben marcarlo con <code><nowiki><caption></nowiki>. Este título debe ser conciso y describir el propósito o el contenido principal de la tabla. | Las tablas que incluyen un título deben marcarlo con <code><nowiki><caption></nowiki></code>. Este título debe ser conciso y describir el propósito o el contenido principal de la tabla. | ||
|wcag_objetivo= | |wcag_objetivo= | ||
| Línea 39: | Línea 39: | ||
|wcag_importancia= | |wcag_importancia= | ||
El <code><nowiki><caption></nowiki> ofrece una referencia clara del tema de la tabla. Para usuarios con lectores de pantalla es la primera información que escuchan, ayudando a contextualizar los datos rápidamente. | El <code><nowiki><caption></nowiki></code> ofrece una referencia clara del tema de la tabla. Para usuarios con lectores de pantalla es la primera información que escuchan, ayudando a contextualizar los datos rápidamente. | ||
|wcag_referencias= | |wcag_referencias= | ||
| Línea 57: | Línea 57: | ||
|wcag_pasos_evaluacion= | |wcag_pasos_evaluacion= | ||
Usa la herramienta de ''' [https://chromewebstore.google.com/detail/ | Usa la herramienta de ''' [https://chromewebstore.google.com/detail/web-developer/bfbameneiokkgbdmiekhjnmfkcnldhhm?hl=es Web Developer Toolbar].''' | ||
<ol class="paso-list"> | <ol class="paso-list"> | ||
<li><span class="paso-badge">Paso 1.</span> | <li><span class="paso-badge">Paso 1.</span> | ||
| Línea 68: | Línea 67: | ||
|wcag_resultado_evaluacion= | |wcag_resultado_evaluacion= | ||
La tabla presenta un título marcado mediante <code><nowiki><caption></nowiki> y este describe de forma adecuada su contenido. | La tabla presenta un título marcado mediante <code><nowiki><caption></nowiki></code> y este describe de forma adecuada su contenido. | ||
|wcag_ejemplo_evaluacion= | |wcag_ejemplo_evaluacion= | ||
Revisión actual - 09:38 5 nov 2025
1.3.1-I. Uso de caption en tablas de datos
- Nivel: A
- Versión: 2.0
- Principio: 1_Perceptible
- Pauta: 1.3_Adaptable
- Grupo: Estructura y relaciones
- Subgrupo: Caption de tabla
Discapacidades afectadas
Este criterio puede afectar a distintas personas con discapacidad. A continuación se indican las más relevantes.
-
Visual total –
Barrera moderada
-
Sordoceguera –
Barrera moderada
Enunciado del criterio (Observatorio de Accesibilidad Web)
- En las tablas de datos que disponen de un título, este se debe identificar mediante el elemento
<caption>y dicho título debe identificar adecuadamente la tabla.
Comprensión del criterio
Descripción resumida
Las tablas que incluyen un título deben marcarlo con
<caption>. Este título debe ser conciso y describir el propósito o el contenido principal de la tabla.Objetivo
Permitir que los lectores de pantalla anuncien el título cuando la tabla recibe el foco, ayudando a las personas usuarias a comprender de inmediato su contenido y finalidad.
Importancia de cumplir el criterio
El
<caption> ofrece una referencia clara del tema de la tabla. Para usuarios con lectores de pantalla es la primera información que escuchan, ayudando a contextualizar los datos rápidamente.Referencias WCAG
Recursos de apoyo
Consejos
- Incluir título visual antes de la tabla
- Título conciso que describa el propósito de la información de la tabla
Evaluación del criterio
Tipo de evaluación
Evaluación Semiautomática
Procedimiento de evaluación
Usa la herramienta de Web Developer Toolbar.
- Paso 1. Abrir Web Developer Toolbar → Outline table captions.
- Paso 1. Verificar que el título identifica correctamente a la tabla.
Resultado esperado
La tabla presenta un título marcado mediante
<caption> y este describe de forma adecuada su contenido.Ejemplo
Tabla de datos con un titulo que identifica su proposito.
<table> <caption>Ventas trimestrales por producto</caption> <tr> <th>Producto</th><th>Q1</th><th>Q2</th> </tr> <tr> <td>Café</td><td>300</td><td>280</td> </tr> </table>
Otras herramientas de evaluación
- Inspección del navegador: comprobar el codigo fuente que hay en elementos tabla
- Lector de pantalla: (NVDA, JAWS, VoiceOver) Comprobar si al leer una tabla, el titulo se lee y es adecuado a la información que contiene la tabla
Ejemplos accesibles y no accesibles creados por alumnos
Comentarios
A continuación se muestran comentarios sobre el criterio 1.3.1-I. Uso de caption en tablas de datos
Loading comments...
