Addaw, ir a inicio Donar

Técnica Técnicas generales WCAG 2.2

G107Provocar los cambios grandes al activar un control, no al llegar a él

Nombre oficial en el W3C: Usar la activación, y no la recepción del foco, como desencadenante de los cambios de contexto

En pocas palabras

Llegar a un enlace o un botón con el tabulador no debe hacer que pase nada importante. Los cambios grandes, como abrir una ventana, enviar un formulario o cambiar de página, deben ocurrir solo cuando la persona activa el control con un clic o con una tecla.

Por qué es importante

Quien navega con el teclado pasa por muchos elementos solo para avanzar. Si al llegar a uno se abre una ventana o se envía un formulario, la persona se pierde.

  • Las personas que usan lector de pantalla o ampliador de pantalla pueden no darse cuenta del cambio.
  • Las personas con discapacidad cognitiva se desorientan ante cambios que no han pedido.

Cómo se hace

  1. Asocie las acciones importantes a la activación: clic, Intro o Espacio sobre un botón o un enlace.
  2. No use el evento de recibir el foco (focus u onfocus) para abrir ventanas, enviar datos o cambiar de página.
  3. Use un botón «Siguiente» o «Enviar» para pasar de paso en un formulario. No avance solo porque la persona llegue a un botón «Hecho».
  4. Al recibir el foco, limítese a cambios pequeños, como resaltar el elemento o mostrar una ayuda breve.

Cómo comprobarlo

  1. Recorra toda la página con la tecla Tab y con Mayúsculas + Tab, sin pulsar nada más.
  2. Compruebe que no se abre ninguna ventana, no se envía ningún formulario y no cambia la página.
  3. Compruebe que el foco no salta solo a otra parte de la página.
Ver el texto completo del W3C (traducción al español)

Esta es una traducción no oficial al español de la técnica G107 de Techniques for WCAG 2.2, del W3C. Puede contener errores. El único documento oficial y normativo es la versión original en inglés, publicada en el sitio web del W3C.

Aplicabilidad

Se aplica a todas las tecnologías.

Descripción

El objetivo de esta técnica es proporcionar un método de activación que resulte predecible para el usuario. Los usuarios con discapacidades cognitivas y las personas que usan lectores de pantalla o magnificadores de pantalla pueden confundirse ante un suceso inesperado, como el envío automático de un formulario o la activación de una función que provoca un cambio de contexto.

Con esta técnica, todos los cambios de contexto se desencadenarían únicamente mediante una acción concreta por parte del usuario. Además, esa acción sería una de las que habitualmente provocan cambios de contexto, como hacer clic en un enlace o pulsar un botón de envío. Las acciones que se limitan a mover el foco a un elemento no provocarían un cambio de contexto.

Ejemplos

  • Una página abre una ventana nueva únicamente cuando el usuario hace clic en un botón (o pulsa la barra espaciadora), en lugar de usar onfocus para abrir la ventana nueva.
  • Se usa un botón de envío para pasar a la siguiente pantalla de introducción de datos, en lugar de hacer que la siguiente pantalla aparezca automáticamente cuando el usuario llega con el tabulador a un botón de «hecho».

Pruebas

Procedimiento

  1. Con el teclado, recorrer con el foco todo el contenido.
  2. Comprobar que no se produce ningún cambio de contexto cuando un componente recibe el foco.

Resultados esperados

  • La comprobación n.º 2 es verdadera.

Cómo lo comprobamos en ADDAW

En cada auditoría de ADDAW revisamos esta técnica página a página y le entregamos los errores con capturas y la forma de corregirlos.

Solicitar una auditoría

Basado en la técnica G107 del W3C (WCAG 2.2). Explicación y ejemplos: ADDAW. Traducción no oficial del texto del W3C © W3C, licencia de documentos del W3C. ¿Ha visto un error? Escríbanos.