2526UPSA3.2.6-A-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://www.wikiwcag.udl.cat/index.php/Principio_3/3.2_Predecible/3.2.6-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:
<!-- Página 1 -->
<footer>
<div class="help-section">
<h3>Ayuda</h3>
<p>Teléfono: 900-123-456</p>
<p>Email: soporte@ejemplo.com</p>
<a href="/chat">Chat en vivo</a>
</div>
</footer>
<!-- Página 2 -->
<footer>
<a href="/chat">Chat en vivo</a>
<div class="help-section">
<h3>Contacto de soporte</h3>
<p>Email: soporte@ejemplo.com</p>
<p>Teléfono: 900-123-456</p>
</div>
</footer>
Explicación del problema detectado:
Los mecanismos de ayuda (teléfono, email, chat) aparecen en diferente orden y ubicación en cada página. En la página 1 el chat está al final, mientras que en la página 2 aparece al principio. El título también cambia de "Ayuda" a "Contacto de soporte".
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Las personas con discapacidad cognitiva o memoria limitada deben re-aprender la ubicación de la ayuda en cada página. Esto aumenta la carga cognitiva y dificulta la localización de ayuda cuando se necesita urgentemente, generando ansiedad y frustración.
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:
<footer>
<div class="help-section">
<h3 id="help-heading">Ayuda y soporte</h3>
<ul aria-labelledby="help-heading">
<li>Teléfono: 900-123-456</li>
<li>Email: <a href="mailto:soporte@ejemplo.com">soporte@ejemplo.com</a></li>
<li><a href="/chat">Chat en vivo</a></li>
<li><a href="/faq">Preguntas frecuentes</a></li>
</ul>
</div>
</footer>
Explicación de la solución aplicada:
- para garantizar que el orden relativo sea siempre el mismo.
