2526UPSA3.2.2-A-000
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_3/3.2_Predecible/3.2.2-A
2. Ejemplos prácticos
2.1. Ejemplo NO accesible
a) Imagen
b) Enlace de donde se ha obtenido la imagen:
http://dla.mil/Public-Affairs/Module-Samples/ModuleID/89896/mctl/EventList/#events
2.1.2. Código HTML:
evViewSelect.change(function() {
var value = $(this).val();
$('#' + value).trigger('click');
});
$(".ac-jump-menu").change(function (e) {
var destination = $(this).val();
window.location.href = url;
});
Explicación del problema detectado:
La página utiliza scripts de ejecución automática vinculados al cambio de valor en menús desplegables (<select>).
Fallo: Al seleccionar una opción (como cambiar la vista del calendario o elegir un destino en el "Jump Menu"), el sitio web redirige o refresca el contenido inmediatamente mediante JavaScript (.change()), sin que el usuario haya pulsado un botón de confirmación (ej. un botón de "Ir").
Incumplimiento: La pauta prohíbe cambios automáticos de contexto al recibir entradas, ya que el usuario debe ser quien inicie la acción de forma explícita.
Indica a que personas con discapacidad afecta y explicación de las barreras que causa
Usuarios de teclado (Discapacidad motriz):No pueden explorar las opciones con las flechas. Al intentar bajar a la tercera opción, el sistema detecta el paso por la segunda y dispara la acción antes de tiempo, impidiendo llegar al destino deseado.
Usuarios de lectores de pantalla (Ceguera o baja visión): Desorientación por pérdida de foco. Cuando la página se recarga o actualiza sola, el lector de pantalla vuelve al principio o pierde la posición actual, obligando al usuario a empezar de nuevo.
Usuarios con discapacidad cognitiva: Imprevisibilidad. Los cambios repentinos de contenido sin una acción clara de "Aceptar" generan confusión y frustración al no comprender por qué la pantalla ha cambiado.
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:
Explicación de la solución aplicada:
Botón de confirmación: Se incluye un botón explícito (Save changes) para procesar los cambios.
Separación de selección y acción: Al marcar un idioma o elegir una moneda, el sistema no hace nada automático. El cambio de contexto solo ocurre cuando el usuario decide voluntariamente pulsar el botón.
Interfaz predecible: Esto garantiza que el usuario mantenga el control y el foco del teclado en todo momento, evitando sorpresas o redirecciones inesperadas al navegar por las opciones.
