2526UdL2.4.5-A
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.5-A
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:
<header>
<nav>
<ul>
<li><a href="inici.html">Inici</a></li>
<li><a href="productes.html">Productes</a></li>
<li><a href="contacte.html">Contacte</a></li>
</ul>
</nav>
</header>
<main>
<h1>Benvinguts a la nostra web minimalista</h1>
<p>Aquí només pots navegar fent servir el menú superior.</p>
</main>
Explicación del problema detectado:
El problema fonamental d'aquest codi és que estableix una dependència absoluta d'una única via de navegació: el menú superior. En presentar una estructura on l'única forma d'accedir a les diferents seccions és mitjançant una llista tancada d'enllaços, s'està ignorant el principi de flexibilitat que requereix l'accessibilitat web. Aquesta manca de redundància implica que, si el menú no és intuïtiu, si les seves etiquetes són confuses o si visualment és difícil de localitzar, l'usuari no disposa de cap mecanisme de suport per trobar la informació. L'absència d'un cercador o d'un mapa del web converteix la navegació en un camí rígid i sense dreceres, obligant a una exploració seqüencial que pot no ajustar-se a les necessitats de tots els navegants.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Les persones més afectades per aquesta mancança són aquelles amb discapacitat cognitiva, dificultats d'aprenentatge o problemes de memòria, a més d'usuaris amb baixa visió que utilitzen magnificadors de pantalla. La barrera principal que es genera és la desorientació i la pèrdua de control sobre la navegació; un usuari que no pot processar estructures jeràrquiques complexes necessita una via directa com un cercador per sentir-se autònom. Quan aquesta opció no existeix, es produeix una fatiga cognitiva elevada, ja que la persona ha d'esforçar-se a comprendre i recordar el funcionament d'un menú únic per arribar al seu objectiu. Per als usuaris amb visió reduïda, el fet de no tenir un mapa del web al peu de pàgina significa perdre's una visió global del lloc, cosa que els obliga a una cerca "a cegues" que sovint acaba amb l'abandonament del lloc web per frustració.
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:
<header>
<nav aria-label="Navegació principal">
<ul>
<li><a href="inici.html">Inici</a></li>
<li><a href="productes.html">Productes</a></li>
<li><a href="serveis.html">Serveis</a></li>
</ul>
</nav>
<section role="search">
<form action="/cerca" method="get">
<label for="input-cerca">Cerca productes:</label>
<input type="search" id="input-cerca" name="q">
<button type="submit">Cercar</button>
</form>
</section>
</header>
<footer>
<nav aria-label="Mapa del web">
<ul>
<li><a href="mapa-web.html">Mapa del web</a></li>
<li><a href="accessibilitat.html">Declaració d'accessibilitat</a></li>
</ul>
</nav>
</footer>
Explicación de la solución aplicada:
La millora implementada en aquest codi es basa en el principi de redundància de navegació. En lloc de dependre d'un únic punt d'entrada, el lloc web ara ofereix tres estratègies diferents que s'adapten a les diverses necessitats dels usuaris. La inclusió del cercador (role="search") permet que qualsevol persona pugui saltar directament al contingut desitjat sense haver de navegar per tota l'estructura de menús, cosa que és vital per a l'eficiència dels usuaris de lectors de pantalla. D'altra banda, l'enllaç al mapa del web al <footer> proporciona una alternativa estructural per a aquells usuaris que prefereixen tenir una llista plana de tots els continguts del lloc, facilitant la comprensió global del web. Aquesta multiplicitat de vies assegura que, si una de les opcions resulta confusa o difícil de manipular per a un usuari amb discapacitat, sempre hi hagi una ruta alternativa disponible per completar la tasca amb èxit.
