Estilo de campos de entrada
Detecta cambios en la apariencia de inputs: bordes, fondos, paddings y propiedades de fuente.
Los formularios concentran una parte desproporcionada del valor de una aplicación: registro, pago, búsqueda, validación de operaciones bancarias, captura de tickets en un ERP. Una regresión visual en un campo puede hundir una tasa de conversión o bloquear a un operador en mitad de un proceso crítico. El riesgo no se limita a la apariencia del campo en reposo, sino que afecta también a sus estados derivados: focus, hover, disabled, error, success, así como a los placeholders y los textos de ayuda asociados. Cuando un desarrollador elimina un outline "para que se vea más limpio", lo que se ve afectado es la accesibilidad WCAG y el usuario de teclado deja de saber en qué campo está escribiendo. Cuando se modifica el estilo global de los mensajes de ayuda, los errores de validación pueden pasar de rojo a gris claro y volverse ilegibles. Las regresiones clásicas vienen de un cambio de grilla CSS que encoge la barra de búsqueda, de un reset que borra los estilos nativos de checkboxes y radios, o de una actualización de framework UI que altera sutilmente los bordes y las alturas de input. Delta-QA captura los formularios en sus distintos estados y compara estas capturas con la baseline visual. El análisis perceptual resalta los cambios de color de mensaje, los indicadores de focus desaparecidos, los campos cuyas dimensiones han cambiado, los placeholders alterados y los estados de error que ya no destacan visualmente. Esta cobertura evita tener que probar manualmente cada escenario de captura en cada formulario en cada despliegue, y garantiza que los recorridos críticos de conversión u operación de negocio sigan siendo visualmente coherentes entre versiones.
Detecta cambios en la apariencia de inputs: bordes, fondos, paddings y propiedades de fuente.
Monitorea el estilo personalizado de checkboxes y radio buttons, incluyendo estados visuales marcado/desmarcado.
Captura cambios en el estilo de pseudo-clases :valid, :invalid, :required y la presentación de mensajes de error.
Rastrea cambios de estilo :focus y :focus-visible críticos para la accesibilidad por teclado.
Detecta cambios del pseudo-elemento ::placeholder en color, opacidad y propiedades de fuente.
Monitorea estados hover, active, disabled y por defecto de los botones para consistencia visual.
Vea exactamente lo que Delta-QA detecta. Compare las dos versiones lado a lado.
Un desarrollador modifica los estilos globales de textos de ayuda y, como efecto colateral, los mensajes de error del formulario de registro pasan de rojo a gris claro. Tus visitantes envían un email inválido, ven un texto debajo del campo... que no pueden leer porque es gris claro sobre fondo blanco. Piensan que el sitio está roto y se van. Nadie tiene tiempo de revisar cada estado de error de cada formulario en cada despliegue. Delta-QA compara las capturas y resalta el cambio de color del mensaje — el texto que se volvió casi invisible se nota en el diff.
Un desarrollador modifica la grilla CSS del header para agregar un nuevo enlace de navegación. La barra de búsqueda se reduce a la mitad para hacer espacio. En móvil, se vuelve diminuta — inutilizable. Tus visitantes no encuentran tus productos porque escribir en un campo tan pequeño es frustrante. El desarrollador verificó que el nuevo enlace se mostrara bien, no que la barra de búsqueda se hubiera encogido al lado. Delta-QA compara las capturas y resalta la reducción de la barra — el cambio de tamaño es claramente visible en la superposición.
Un desarrollador agrega outline: none en los inputs "para que se vea más limpio". Visualmente, cuando un usuario hace clic en un campo, nada indica cuál está activo — el contorno azul desapareció. También es una violación de accesibilidad WCAG. Revisar manualmente el estado focus de cada campo en cada formulario es irreal. Delta-QA captura el estado focus de cada campo y compara las capturas: la desaparición del contorno azul resalta de inmediato en el diff visual.
Descarga Delta-QA y empieza a detectar cambios CSS en tus páginas web — sin código.