2526UFV1.3.1-C-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-C
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:
<h1>Mi Página Web</h1>
<h4>Introducción</h4>
<p>Texto de la introducción…</p>
<h2>Detalles</h2>
<p>Más detalles…</p>
<h5>Nota adicional</h5>
<p>Texto extra…</p>
Explicación del problema detectado:
La regla 1.3.1-C – Estructura lógica de encabezados indica que los encabezados deben reflejar la estructura jerárquica del contenido.
a
, usa
como subtítulo que no es una buena practica y finalmente introduce un
sin relación con el contenido previo.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Este tipo de errores afecta principalmente lectores de pantalla porque la estructura incorrecta hace que el contenido parezca desordenado y el lector se puede confundir con facilidad. Las personas con discapacidad cognitiva pueden tener dificultades en la comprensión de la web por tener una jerarquía mal organizada. Otro caso mas concreto serian las personas que navegan usando solo el teclado y los atajos para saltar entre encabezados.
La barrera es que los títulos no están representando bien los apartados de la web, haciendolo más difícil de entender y creando una mala experiencia para los usuarios.
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:
<h1>Mi Página Web</h1>
<h2>Introducción</h2>
<p>Texto de la introducción…</p>
<h3>Detalles</h3>
<p>Más detalles…</p>
<h4>Nota adicional</h4>
<p>Texto extra…</p>
Explicación de la solución aplicada:
Ahora los encabezados están reorganizados de manera correcta siguiendo una jerarquía natural y ahora hay una estructura lógica basada en la relación entre el contenido.
Ahora cualquier usuario puede comprender correctamente la estructura del documento.
