2526UFV2.4.4-A-002
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_2/2.4_Navegable/2.4.4-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.1.2. Código HTML:
<h1>Información del Curso</h1>
<p>Para más información haz clic <a href="programa.pdf">aquí</a>.</p>
<p>Si quieres inscribirte presiona <a href="inscripcion.html">este enlace</a>.</p>
<p>Para contactar al profesor haz clic <a href="mailto:profesor@correo.com">aquí</a>.</p>
Explicación del problema detectado:
El propósito es que en los enlaces se exige que el texto del enlace por sí mismo revele la función o destino del enlace para que así se entienda claramente.
En este ejemplo vemos como se usan enlaces genéricos que no comunican nada y no se puede entender a donde te lleva sin leer toda la frase de alrededor.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
A las personas con discapacidad cognitiva les genera confusión tener enlaces ambiguos. Los usuarios que usan lectores de pantalla tendrán problemas porque al tener varios enlaces llamados "aqui", la pagina no sabe donde acceder.
En general los usuarios buscan acciones especificas navegar de forma rápida pero con este tipo de nombres no se pueden identificar visualmente porque lo generamos una mala experiencia para el usuario, menos accesibilidad y peor navegación.
2.2. Ejemplo Accesible
2.2.1. Evidencia de imagen:
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
No se ha indicado ningún enlace.
2.2.2 Código HTML:
<h1>Información del Curso</h1>
<p>Puedes consultar el <a href="programa.pdf">programa completo del curso (PDF)</a>.</p>
<p>Si deseas participar, completa el <a href="inscripcion.html">formulario de inscripción</a>.</p>
<p>Si tienes dudas, puedes <a href="mailto:profesor@correo.com">contactar al profesor por correo</a>.</p>
Explicación de la solución aplicada:
Se han renombrado los enlaces de manera que el propio nombre del enlace describe su propósito o destino. Así los usuarios entienden el comportamiento del enlace sin tener que leer toda la frase completa.
