4C‐1 Testing - nic-dgl309-2024WI/design-system-mijuanmontalvo GitHub Wiki

Testing Outback Nursery home page

Quality Assurance Testing

I have carried out the following tests:

  • Navigation tests: During the tests, I did not detect any problems with the links, all the links take me where they should take me.

  • Functionality tests: I had problems with the speed of execution of the carousel, initially the image change in the background was too fast, so I increased the time, I think it is correct now.

  • Content: I reviewed the content of the page, most of the content is from the original design and another part was placed by me, the content complies with the tests.

  • Brand consistency: The page has consistent colors and fonts throughout the page, I performed mobility tests and I consider that the page works as planned.

HTML and CSS code validation

** HTML

Below is the validation screen print of the index.html file, the validation shows that there is an error with the buttons, however I consider that it is an error that does not affect the operation of the website.

image

** CSS

Below is the validation screen print of the styles.css file, the validation shows that there is an error related to the direction none property, to solve that error that property was eliminated since it was not doing any function.

image

By deleting that property, no error is shown in the validation:

image

Performance testing

The following performance tests were carried out:

image

image

image

There are some recommendations to improve performance, however due to time issues it was not possible for me to improve performance.

Accessibility testing

When doing accessibility testing, the following errors and messages were found:

image

Regarding the errors detected (10), I corrected the errors related to the form labels, then I validated the accessibility again and now I have 6 errors, that is, 4 errors were solved

image