9 Tips for Website QA Testing

laptop qa website

Quality Assurance (QA Testing) is an essential step in the website development process. It helps ensure that the website is functioning as expected and meets the client’s specifications. The following procedure should be followed each time you need to QA a website or webpage that has been newly built or changed.

1. Conduct Cross-Browser Testing

It is important to test the website on different browsers to ensure that it functions correctly and provides an optimal user experience across all platforms. Unless specified otherwise in the scope of work, the current versions of the following browsers should be tested:

 

2. Conduct Mobile Device QA Testing

Mobile devices are very frequently used to access websites, so it’s important to ensure that the website is functioning correctly on different devices during your QA testing. Unless specified otherwise in the scope of work, the following devices should be tested:

  • iOS Safari
  • iOS Chrome
  • Android Chrome

 

3. Basic SEO Writing Guidelines

If the page was newly built, it’s important to ensure that basic SEO writing guidelines were followed, such as having only one H1 headline that is different from the page title. If pre-existing SEO problems are identified, your team should discuss potential remediation with the client.

 

4. Consistent Fonts, Colors, and Spacing

Ensure that the font sizes, colors, and spacing are consistent throughout the website. This will help create a professional and cohesive look and feel.

 

5. Spell Check

Run a spell check to ensure that all text is free from spelling errors. This will help ensure that the website is professional and free from errors.

 

6. ADA Compliance Check for QA testing

ADA (Americans with Disabilities Act) compliance refers to the requirement for websites to be accessible to individuals with disabilities. We both run a WAVE scan and use a powerful internal tool that we built to flag non-compliance issues. WAVE can identify many accessibility and Web Content Accessibility Guideline (WCAG) errors, but also facilitates human evaluation of web content.

 

7. Speed Check

Website speed is an important factor that affects the user experience, as well as search engine optimization (SEO). Make sure to consider it when QA testing. Checking the speed of a website involves measuring the time it takes for the website to load and display on a user’s device. This can be done using various tools, such as Google PageSpeed Insights, GTmetrix, and Pingdom. A website’s speed can be influenced by various factors, such as the size of images, the use of caching, and the amount of code on the page. Improving the speed of a website can result in a better user experience and higher search engine rankings, as search engines prefer fast-loading websites.

 

8. Responsiveness Check

Responsiveness in web design refers to the ability of a website to adapt its layout and content to different screen sizes and devices. This means that the website can be viewed and used effectively on devices such as smartphones, tablets, laptops, and desktops. Responsiveness is achieved through the use of flexible grids and layouts, along with the use of CSS media queries to change the styles based on the screen size. A responsive website provides a better user experience by ensuring that the content is easily readable and accessible on any device, without the need for horizontal scrolling or zoom-in. Additionally, having a responsive website can improve search engine optimization (SEO) by providing a consistent user experience across all devices and improving the website’s accessibility to a wider audience.

The website should be tested on different screen sizes to ensure that the layout remains optimal across all devices.

QA testing a websiteBreakpoints in web design refer to specific screen widths at which the layout of a website changes to accommodate the different screen sizes and resolutions of devices. It is an important item to take in consideration when QA testing.

The following common resolutions should be tested, as well as all breakpoints:

  • 1920×1080
  • 768×1024
  • 360×640

 

 

9. Broken Links Check

Broken links checks refer to the process of identifying and fixing broken links on a website. A broken link is a link that points to a page or resource that no longer exists or is not available. This can result in a poor user experience, as users are redirected to a page that does not exist, and can also impact the search engine optimization (SEO) of the website. To perform broken links checks, various tools, such as online broken link checkers, can be used to scan the website and identify any broken links. Once identified, the broken links can be fixed by updating or removing them, or by redirecting them to a relevant and functional page. When QA testing, you should run an initial scan for broken links and then check them regularly to ensure that the user experience on the website is seamless and that the website’s SEO is not negatively impacted.

 


In conclusion, following these steps each time you need to QA a website or webpage will help ensure that the website is functioning correctly and meets the client’s specifications. It will also help create a professional and user-friendly website that provides a great user experience.

Feel free to contact us if you have a question or need help for your project.

Lucas Lopvet Project Management Lucas was born and raised in France and became a US citizen in 2007. He started at JHMG as a web designer back in 2010 and progressively added managing projects and company operations to his role. Those 12 years of experience working at JHMG have given Lucas the knowledge that it takes to manage projects closely and thoroughly, by planning, organizing and managing resources for a successful result. As a front-end developer, he has extensive WordPress knowledge and experience, he has been involved in hundreds of development projects by designing, developing, deploying, maintaining and repairing sites for small/medium businesses, non-profits organizations, and more. His lifelong interest in visual art began during early childhood, his areas of expertise include graphic design, web design and logo design as well as children’s book illustrations. He keeps drawing on a daily basis for fun and sometimes painting. Lucas and his wife have 2 kids and have been living in northern Argentina since 2017 surrounded by the Andean cloud forest and colorful Toucans.

Further Reading

Innovative Payment Platform Integration

Innovative Payment Platform Integration

We are proud to announce that one of our senior developers has created a new approach to payment platform integration. He has combined user management with a payment gateway and payment processing solution without having to create a backend application. This approach can cut the time and costs associated with these boilerplate aspects of software as a service (SaaS) development.