Saltar al contenido
Pon el foco
Criterios de Comprensible

ComprensiblePauta 3.2 Predecible

3.2.2Al recibir entradas

Nivel ALo exige la normativa (EN 301 549).

Qué pide

Cambiar el valor de un campo no provoca un cambio de contexto sin avisar.

A quién ayuda: Usuarios de teclado, lector de pantalla y personas con dificultades cognitivas.

Un caso real

Un selector de idioma.

BienHay un botón «Cambiar idioma» tras elegir la opción.
MalLa página se recarga en otro idioma al moverte con flechas por la lista.

Cómo aplicarlo en código

Elegir una opción no navega sola

Con el teclado se recorre un select con las flechas: si cada cambio navega, es imposible llegar a la opción deseada.

CorrectoHTML
<form action="/idioma">
  <label for="idioma">Idioma</label>
  <select id="idioma" name="idioma">
    <option value="es">Español</option>
    <option value="ca" lang="ca">Català</option>
  </select>
  <button>Cambiar idioma</button>
</form>
IncorrectoHTML
<select onchange="location.href = this.value">
  <option value="/es/">Español</option>
  <option value="/ca/">Català</option>
</select>

Cómo comprobarlo

Cambia valores en selects, radios y casillas y comprueba si algo inesperado ocurre.

Understanding 3.2.2 (W3C, en inglés)