G80Usar un botón de envío para iniciar un cambio de contexto

Por qué es importante

Muchas personas recorren un formulario con el teclado y revisan las opciones antes de decidir. Si un desplegable lleva a otra página nada más cambiar de opción, la persona no llega a la que quería.

Quien usa un lector de pantalla o tiene dificultades cognitivas puede no notar el cambio y perderse. Con un botón, la persona decide cuándo pasa algo.

Cómo se hace

1. Ponga un botón de envío en cada formulario que lleve a otra página o cambie mucho el contenido. Use <button type="submit"> o <input type="submit">.
2. Dele un texto que diga qué va a pasar: «Buscar», «Pedir cita», «Ver oficinas».
3. No envíe el formulario desde los eventos change o input de un campo.
4. Aplíquelo también a los selectores de idioma, provincia o municipio que llevan a otra página.

Cómo comprobarlo

1. Localice todos los formularios de la página.
2. Compruebe que cada uno tiene un botón de envío.
3. Con el teclado, cambie opciones de desplegables y casillas y escriba en los campos. Nada debe enviarse ni cambiar de página hasta pulsar el botón.

Ejemplo

Selector de municipio que solo cambia de página al pulsar el botón.

<form action="/oficinas" method="get">
  <label for="municipio">Municipio</label>
  <select id="municipio" name="municipio">
    <option value="cartagena">Cartagena</option>
    <option value="lorca">Lorca</option>
    <option value="murcia">Murcia</option>
  </select>
  <button type="submit">Ver oficinas</button>
</form>