QA checklist
All our projects go through this checklist before launching
STYLE
Tittles
Each web page have one H1, and propers H2, H3, H4.
Colors
All colors are global, based on the design.
Typography
All typography is based on proper classes. Property sizes for responsive.
Global Margin & padding classes
Consistent spaces between all margins, paddings and distances; according to design.
Header and footer
Proper size of header and footer for all devices.
Favicon
Upload custom Fav Icon and web clip.
SEO BASICS
H1
Every page should only have 1 H1.
Heading structure
Each page should follow a logical heading structure (H2 after H1, H3 after H2...).
Speed
Test in GT Metrix score for A.
Search console
Enable search console on the site.
Image alt texts
Alt texts should describe every image.
Language code
Add the language code(s) of the web page.
Images weight
Use optimized images (less than 250KB) or webP.
DESIGN AND USABILITY
Hover
All links, buttons and clickable cards have hover states. Elements which you cannot click cannot have hover states.
Linking pages
All links are linked to a page in the project or an outside link.
Footer
All pages from the project can be accessed from the footer or the navigation.
Interactions
All interactions shouldn't delay the way the usar interacts with the site. Content is more important.
Tablet and Mobile hover states
Elements shouldn't have hover states on tablet and mobile devices.
Images height
All images should have a maximum height.
Horizontal scroll
The site doesn't have horizontal scroll.
Responsive
Check every page on all devices.
Different browsers
Check pages on Google Chrome, Safari and Firefox.
OTHERS
Analytics
Install Google Analytics.
Spell check
With the client spell check the site.
404 page
404 error page implemented with the brand identity