2526UFV1.3.1-K-001
Edición de la página como formulario
1. Información básica
Enlace directo a la página del subcriterio en la wiki https://wikiwcag.udl.cat/Principio_1/1.3_Adaptable/1.3.1-K
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<table summary="Resultados académicos de los estudiantes del primer semestre.">
<caption>Resultados académicos de los estudiantes del primer semestre</caption>
<thead>
<tr>
<th>Asignatura</th>
<th>Convocatoria</th>
<th>Calificación</th>
</tr>
</thead>
<tbody>
<tr>
<td>Matemáticas</td>
<td>Ordinaria</td>
<td>7,5</td>
</tr>
<tr>
<td>Física</td>
<td>Ordinaria</td>
<td>6,8</td>
</tr>
</tbody>
</table>
Explicación del problema detectado:
La tabla incluye tanto <caption> como el atributo "summary", pero ambos contienen exactamente el mismo texto. Esto incumple el criterio 1.3.1-K, que establece que el contenido del título y del resumen no debe estar duplicado, ya que cada elemento cumple una función distinta.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
En usuarios con discapacidad visual total o sordoceguera que utilizan lectores de pantalla, el título y el resumen de la tabla se anuncian como información repetida, lo que genera redundancia, disminuye la eficiencia en la navegación y puede provocar confusión sobre si se trata de información diferente.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
No se ha subido ninguna imagen.
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<table summary="La tabla está organizada por filas de asignaturas y muestra la convocatoria y la calificación final obtenida en cada una.">
<caption>Resultados académicos del primer semestre</caption>
<thead>
<tr>
<th>Asignatura</th>
<th>Convocatoria</th>
<th>Calificación</th>
</tr>
</thead>
<tbody>
<tr>
<td>Matemáticas</td>
<td>Ordinaria</td>
<td>7,5</td>
</tr>
<tr>
<td>Física</td>
<td>Ordinaria</td>
<td>6,8</td>
</tr>
</tbody>
</table>
Explicación de la solución aplicada:
El elemento <caption> identifica de forma breve el tema de la tabla, mientras que el atributo "summary" proporciona información adicional sobre la organización y lectura de los datos. Ambos textos no están duplicados y cumplen funciones distintas, por lo que el criterio 1.3.1-K se satisface correctamente.
