Fallo común WCAG 2.2
F60Ventanas nuevas que se abren al escribir en un campo de formulario
Nombre oficial en el W3C: Fallo del criterio de conformidad 3.2.5 debido a abrir una nueva ventana cuando el usuario introduce texto en un campo de entrada
En pocas palabras
Este fallo ocurre cuando, al escribir en un campo de texto, se abre una ventana nueva que la persona no ha pedido. Por ejemplo, al poner el código postal aparece publicidad de la zona. Solo es aceptable si la ventana avisa de un error en lo escrito.
Por qué es importante
Rellenar un formulario exige atención. Si de repente aparece otra ventana, la persona pierde el punto en el que estaba.
Quien usa un lector de pantalla (programa que lee en voz alta lo que hay en la pantalla) empieza a oír otro contenido sin saber por qué. Con un ampliador de pantalla, la ventana puede tapar el formulario. A las personas con dificultades cognitivas les cuesta retomar la tarea.
Cómo evitarlo
- No abra ventanas nuevas como reacción a lo que se escribe en un campo.
- Muestre la información extra dentro de la página, cerca del campo, sin mover el foco.
- Para los errores, lo preferible es un mensaje junto al campo, unido a él con
aria-describedby. - Si aun así usa una ventana para un error, debe explicar el error, tener un botón para cerrarla y devolver el foco al campo.
- Deje que la persona decida cuándo abrir ventanas, con un enlace o un botón.
Cómo comprobarlo
- Localice todos los campos de texto del formulario.
- Escriba o cambie el valor de cada uno y pase al siguiente con Tab.
- Observe si se abre alguna ventana o pestaña nueva.
- Si se abre, compruebe que solo informa de un error y que tiene un botón que la cierra y devuelve el foco al campo. Si no, hay fallo.
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 F60 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
General
Descripción
Este documento describe un fallo que se produce cuando se crea una ventana nueva en respuesta a que el usuario rellena un campo de texto, con una finalidad distinta a la de informar de un error.
Ejemplos
Este es un ejemplo desaconsejado que muestra un fallo: un usuario está rellenando su dirección postal. Cuando introduce el código postal, se abre una ventana nueva con anuncios de servicios disponibles en su ciudad.
Este ejemplo es aceptable: un usuario está rellenando su dirección postal en un formulario. Cuando rellena el campo del código postal, se ejecuta un script que valida que se trata de un código postal válido. Si el valor no es válido, se abre una ventana con instrucciones sobre cómo rellenar el campo.
Pruebas
Procedimiento
- Localizar todos los campos de formulario de entrada de texto.
- Cambiar el valor de cada campo de formulario.
- Comprobar si se abren ventanas nuevas.
- Para cada ventana nueva que se abra, comprobar si contiene un mensaje de error y un botón que cierra la ventana y devuelve el foco al elemento de formulario que la originó.
Resultados esperados
- Si la comprobación n.º 3 es verdadera y la n.º 4 es falsa, se da la condición de fallo y el contenido falla este criterio de conformidad.
Cómo lo comprobamos en ADDAW
Este error es uno de los que buscamos en cada auditoría de ADDAW. Se lo entregamos con capturas y la forma de corregirlo.
Basado en la técnica F60 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.