Having completed the site's development prototype stage and received approval from the client, it is important to proceed with certain Quality Assurance (QA) check points in mind. Working "backwards" this way ensures a higher quality of the final website.

Needless to say, upon completion of the website design, the first round of testing should check off the following points:

Please note that the website QA check list below, while applicable to all types of websites, applies to Joomla websites design primarily.

Interface

1. Ensure that the site’s name is correct
2. Make site name in the footer right after the copyright as a link to the home page. Insert following code instead of %sitename% in /language/en-GB/ en-GB.mod_footer.ini: <a href="/" title="%sitename%">%sitename%</a>
3. Add customer’s logo. Change template to store logo in /images/stories/ folder to let client easily change logo. If logo is not available, ensure that their business name appears at the top banner in text, making sure that it looks good and fits the overall style of the template.
4. Remove Joomla’s favicon. Add customer’s favicon, if it is available. If not, place a temporary favicon of your choice.
5. Contact page. Check capitalization in all fields on the contact form; add the updated contact info, ensuring consistency and nice display; test the form to make sure it is working.
6. Install error404 component (or errors2site and add settings recommended by errors2site to the .htaccess file) and configure error message. Check its display. (Was Modify the 404 error page - to reflect the colors of the template (the background of the title bar and the border of the box)).
7. Check the color scheme to reflect the particular needs of the client.
8. Ensure borders around the menu bar look nice and consistently the same for the 2nd and 3rd level.
9. Ensure that all edges and corners on all boxes and bars, etc. appear nicely
10. Ensure that the background image looks nice, especially if a gradient image is used, that no content is accidentally being "smudged over" by the background.
11. Ensure smooth transition for the gradient images.
12. Ensure that link hover/active is consistent throughout all elements of the site (check search, various modules, error page, contact, static pages, etc etc)
13. Test to see that all buttons look good (contact, newsletter signup, search results, login form, and similar elements
14. Check bullets and other formatting and make sure they are all available for use inside the content article inside the current editor (create a content page and use various styles to make sure all options display properly)
15. Ensure all images display properly and that appropriate imagery is used (do not use copyrighted images!). Make sure there are no articles which have /components/content/article/... in their address, i.e. not connected to any, even fake, menu. If necessary, add those menus to site map.
16. Test all forms and functional components, make sure to test them all one by one and correct visual imperfections to reflect the style of the template, e.g.:
    • Square buttons vs. oval buttons
    • Thick borders vs. thin borders
    • Background color and shades
    • Link color and hover/active color
    • Header and sub-header styles 
    • Bullet styles 
    • Font styles Completed
17. Translation pages and search results (page titles, images, etc.) 
18. Go over every page one by one and conduct a visual inspection, looking for inconsistencies in tags, titles, email formats, empty spaces, too much/too little spaces between sections, etc. etc.
19. Check all modules and ensure that the display is correct, no uneven spacing, no border overlapping, nice alignment, etc.