| 1 |
The Doctype is HTML5 and is at the top of all your HTML pages. |
| 2 |
The charset declared (UTF-8) is declared correctly. |
| 3 |
A title is used on all pages |
| 4 |
A meta description is provided, it is unique and doesn’t possess more than 150 characters. |
| 5 |
Favicons are added and displayed correctly |
| 6 |
Use rel=“canonical” to avoid duplicate content. |
| 7 |
If your project is a blog or has articles, an RSS link was provided. |
| 8 |
All CSS files are loaded before any JavaScript files in the HEAD |
| 9 |
Semantic tags are used appropriately |
| 10 |
Error pages for 404 / server errors exists |
| 11 |
In case you are using external links with target=“_blank”, your link should have a rel=“noopener” attribute to prevent tab nabbing |
| 12 |
Unnecessary code needs to be removed before sending the page to production. |
| 13 |
All pages need to be tested with the W3C validator to identify possible issues in the HTML code. |
| 14 |
Use HTML validator to validate your code |
| 15 |
Your website shows your content correctly with adblocker enabled |
| 16 |
Make sure no links are broken on your page |
| 17 |
All images are optimized to be rendered in the browser. |
| 18 |
You provide layout images 2x or 3x, support retina display. |
| 19 |
Use sprites wherever feasible |
| 20 |
All <img> have an alternative text which describe the image visually. |
| 21 |
Images are lazyloaded |
| 22 |
All anchor should has title attribute for SEO purpose |
| 23 |
Follow two tabs indentation |
| 24 |
Avoid using the <hr> and <br> tags. |
| 25 |
Avoid empty elements in the structure |
| 26 |
Abound using the <i> tag for the icons. Simply use the <span> tag and write the icon name and icon can be added via css using the pseudo elements(before & after) |
| 27 |
Add proper commenting to the code/section |
| 28 |
Use the wrapper properly. |
| 29 |
Give meaningful classes. |
| 30 |
Avoid inline and internal styling. |
| 31 |
Wrap every input element, select, and textarea in a block level element. |
| 32 |
Wrap every image inside a block level element. |
| 33 |
Do not add any text in uppercase. Manage it via css. |
