Skip to content

Latest commit

 

History

History
37 lines (37 loc) · 2.4 KB

web_frontend.md

File metadata and controls

37 lines (37 loc) · 2.4 KB
Raw
  1. One H1 tag on the page which is on the main page headline
  2. H2 and H3 tags have been used as necessary
  3. Relevant page titles set on all pages
  4. There is no erroneous noindex, nofollow etc. tags on the page
  5. Microdata in JSON-LD format (Optional) (Reference: https://jsonld.com/)
  6. Pagespeed score on Desktop and Mobile must be 80+ on both web and mobile (Reference: https://developers.google.com/speed/pagespeed/insights/)
  7. Relevant meta title and descriptions have been added.
  8. Meta titles: Include keyword or phrase in beginning, max 70 characters
  9. Meta descriptions must be unique on every page, max 155 characters.
  10. OG and Twitter card tags have been added as prescribed
  11. Image dimensions on OG tags are as per prescribed FB standards
  12. Tags have been checked using FB Debugger tool
  13. “rel=nofollow noopener” has been added for all third party external links
  14. GA added (via Tag Manager) and GA is correctly gathering it’s data (If provided by the client)
  15. 404 and 500 page have been done (If designs are provided)
  16. CDN setup is done (Optional)
  17. No big images (greater than 500 KB) should be present on the page
  18. Critical forms should not be allowed to submit twice with repeated clicks
  19. All forms have frontend validation
  20. All delete actions should have a confirmation prompt
  21. CSS and JS is being minified and compressed, including all third party assets
  22. No console.log is being done on the browser console
  23. No Javascript errors are being shown on the browser console
  24. Autocomplete is disabled on sensitive fields
  25. Website should have a favicon
  26. Cross browser testing is done on Chrome, FF and Edge.
  27. Responsive website testing is done on both iOS and Android ( Suggested tool )
  28. Spell check is done
  29. All form elements have the “type” attribute set for better mobile rendering (Link)
  30. All CSS and JS is being versioned
  31. If thumbnails are being rendered, the entire image should not be shown
  32. Use retina images using HTML5 srcset attribute (Optional)
  33. No UI should break while entering long values
  34. Semantic HTML tags have been used ( Link )
  35. If any user action is expected to take a long time (more than 1 second), a corresponding loader is shown
  36. If there is a blog feature, AMP compliance has been done (To be tested here: https://validator.ampproject.org/)
  37. If the user tries to exit a form with some data filled, the page must throw a warning of possible data loss.