QA checklist

All our projects go through this checklist before launching

STYLE

Tittles

Each web page have one H1, and propers H2, H3, H4.
checkbox icon

Colors

All colors are global, based on the design.
checkbox icon

Typography

All typography is based on proper classes. Property sizes for responsive.
checkbox icon

Buttons

Global buttons.
checkbox icon

Global Margin & padding classes

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

Header and footer

Proper size of header and footer for all devices.
checkbox icon

Favicon

Upload custom Fav Icon and web clip.
checkbox icon

SEO BASICS

H1

Every page should only have 1 H1.
checkbox icon

Heading structure

Each page should follow a logical heading structure (H2 after H1, H3 after H2...).
checkbox icon

Speed

Test in GT Metrix score for A.
checkbox icon

Search console

Enable search console on the site.
checkbox icon

Image alt texts

Alt texts should describe every image.
checkbox icon

Language code

Add the language code(s) of the web page.
checkbox icon

Images weight

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

Images format

Prefer using the 'img' element instead of setting a background image in a 'div'. All images should have width and height.
checkbox icon

Meta description & title tag

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

Assign Tags

Assign corresponding tags for the Header, Footer, and all sections of the website
checkbox icon

DESIGN AND USABILITY

Hover

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

Linking pages

All links are linked to a page in the website or an outside link.
checkbox icon

Footer

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

Interactions

All interactions shouldn't delay the way the usar interacts with the site. Content is more important.
checkbox icon

Tablet and Mobile hover states

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

Images height

All images should have a maximum height.
checkbox icon

Horizontal scroll

The site doesn't have horizontal scroll.
checkbox icon

Responsive

Check every page on all devices.
checkbox icon

Different browsers

Check pages on Google Chrome, Safari and Firefox.
checkbox icon

OTHERS

Analytics

Install Google Analytics.
checkbox icon

Spell check

With the client spell check the site.
checkbox icon

404 page

404 error page implemented with the brand identity
checkbox icon

Image preview social media

Ensure that the preview image of the URL web page on social media is appropriate. Check at the following link
checkbox icon