Checklist de QA

Cada página tiene un solo H1, y H2, H3 y H4 correctos.

Toda la tipografía usa las clases correctas, con tamaños adecuados para responsive.

Espacios consistentes en todos los márgenes, paddings y distancias, según el diseño.

Sube el favicon personalizado y el web clip.

Cada página debe tener un solo H1.

Mide el sitio en GTmetrix y apunta a una calificación A.

Los textos alt deben describir cada imagen.

Usa imágenes optimizadas (menos de 150 KB para imágenes y 300 KB para fondos) y/o WebP.

Cada página tiene su propia meta description y su propio title tag.

Todos los elementos de un formulario deben tener un label asociado, y los links también. Puedes hacerlo con el atributo personalizado aria-label.

Todos los links, botones y tarjetas clicables tienen estado hover. Los elementos que no se pueden clicar no deben tenerlo.

Se puede llegar a todas las páginas del proyecto desde el footer o desde la navegación.

Los elementos no deben tener estados hover en tablet ni en móvil.

El sitio no tiene scroll horizontal.

Revisa las páginas en Google Chrome, Safari y Firefox.

Instala Google Analytics.

La página de error 404 está implementada con la identidad de marca.

Convierte las imágenes a AVIF o WebP desde el panel de Assets con la función de comprimir, para reducir el peso en todo el sitio.

Mantén los videos de fondo por debajo de 5 MB, considera el formato AV1 y úsalos con criterio en páginas con mucho tráfico móvil.

Usa el ícono de escoba del Style Selector para eliminar las clases sin usar y reducir el tamaño del CSS.

Usa tamaños relativos (porcentajes para el ancho) en vez de píxeles fijos, para que Webflow sirva el tamaño de imagen adecuado en cada dispositivo.