QA checklist

Each web page has one H1, and proper H2, H3, H4.

All typography is based on proper classes. Proper sizes for responsive.

Consistent spaces between all margins, paddings and distances; according to design.

Upload custom Fav Icon and web clip.

Every page should only have 1 H1.

Test in GT Metrix score for A.

Alt texts should describe every image.

Use optimized images (less than 150KB for images and 300KB for backgrounds) and/or webP.

It has individualized meta descriptions and title tags for each page.

All elements in a form should have an associated label, also all links should have a label. It can be done with Custom attribute: aria-label

All links, buttons and clickable cards have hover states. Elements which you cannot click cannot have hover states.

All pages from the project can be accessed from the footer or the navigation.

Elements shouldn't have hover states on tablet and mobile devices.

The site doesn't have horizontal scroll.

Check pages on Google Chrome, Safari and Firefox.

Install Google Analytics.

404 error page implemented with the brand identity.

Convert images to AVIF or WebP format in Assets panel using the compress function to reduce file sizes across the entire site.

Keep background videos under 5MB, consider AV1 format, and use strategically on pages with high mobile traffic.

Use the broom icon in Style Selector to remove unused classes and reduce CSS file size.

Use relative sizes (percentages for width) instead of fixed pixels to allow Webflow to serve appropriate image sizes per device.