Skip to content

Latest commit

 

History

History
128 lines (90 loc) · 3.78 KB

File metadata and controls

128 lines (90 loc) · 3.78 KB

Testing

Introduction

To make sure my site is running as expected I will be using different tools to measure the performance.

  • On every page I will run Lighthouse for PC and mobile version of the sites.
  • Every page I will check the HTML code in the W3C validator.
  • The CSS stylesheet will be checked in the W3C validator.
  • Every page I will check WCAG colour contrast using a Chrome extension.

Browser testing

  • Chrome - This is the site I have done the most extensive testing on as it has been the site, I have used primarily to build the website, and perform the extensive testing detailed below.
  • Firefox - 1 error was identified on the contact form. The text area box had too many rows and caused it to overflow. I set the text area to 2 rows and the problem was solved.
  • Microsoft Edge - No errors identified.
  • Opera - No errors identified.
  • Android (Mobile) - No errors identified.

CSS Stylesheet

  • The CSS stylesheet passed with no errors found.
    CSS

Homepage (index.html)

Homepage - index.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker


How To Make Popcorn (make.html)

How To Make Popcorn - make.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker


Gallery (gallery.html)

Gallery - gallery.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker


Contact Us (contact.html)

Contact Us - contact.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker


Display feedback (display.html)

Display feedback - display.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker


404 (404.html)

404 - 404.html

W3C HTML validator

  • No errors or warnings to show.
    W3C HTML

PC

Lighthouse Score

Mobile

Lighthouse Score

WCAG Colour contrast checker

WCAG contract checker