Errores detectados en "herramientas para desarrolladores"

Hola Olivia,

Esos mensajes que ves en el inspector suelen ser avisos (warnings) de accesibilidad/estructura HTML y carga de CSS. No suelen impedir compras ni romper la web, te comento un poco cada aviso:

“An element doesn't have an autocomplete attribute”
No es crítico. Indica que algún campo de formulario (login, registro, contacto, checkout) no trae autocomplete. Mejora UX/autocompletado, pero si todo funciona, no es algo urgente.

“Define @import rules at the top of the stylesheet”
Tampoco es crítico. Significa que en algún CSS se usa @import pero no está al inicio. Puede afectar el orden de carga o rendimiento. Normalmente, lo introduce el tema o un módulo que añade estilos.

“Incorrect use of <label for=…> (no coincide con un id)” 
Este es el más relevante. No rompe la web, pero puede afectar la accesibilidad y el comportamiento del formulario (al hacer clic en el label no enfoca el input). Casi siempre viene del template del tema o del módulo del formulario/checkout.

Estos tipos de advertencias vienen del tema, entonces es un poco limitante lo que puedes hacer para solucionarlo, más allá de esperar una actualización por parte de los desarrolladores del tema sin modificar código interno del mismo.

Un saludo 🖐️