Open Site Review Report

Source Fetch Errors

[HIGH] Uses JavaScript optional chaining

[HIGH] Uses nullish coalescing operator

[HIGH] Uses document.write

[LOW] Detects legacy jQuery usage

[LOW] Detects legacy jQuery usage

CSS Quality Analysis

Powered by Project Wallacecss-analyzer and css-code-quality.

https://www.infogo.gov.on.ca/ontario-design-system/styles/ds-theme.min.css

Code Quality Scores

Quality Violations

Complexity Metrics

Design Tokens

- #009adb, transparent, #fff, #f2f2f2, #ccc, #999, #666, #4d4d4d, #1a1a1a, #cba52e, #fcaf17, #c1b28f, #39b54a, #8dc63f, #49a7a2, #00b2e3, #3193cc, #b975b7, #f15a22, #f0454b, #f03093, #f0e7cc, #f8e5c3, #ebe7db, #d1efd4, #ddedc7, #cfeded, #c5eefa, #dbe9f5, #f1e3f2, #fee1d9, #ffe0e2, #fedff0, #86743d, #8a600d, #7b725c, #2b8737, #5f8129, #367a76, #1080a6, #0369ac, #92278f, #c64a1c, #d81a21, #c00264, #06c, #551a8b, #00478f, #002142, rgba(0,0,0,.3), #e6e6e6, #e0f0ff, #c2e0ff, #e8e8e8, #d1d1d1, rgba(255,255,255,.7), #0000001a, #0000000d, rgba(255,255,255,0), rgba(0,0,0,.2), rgba(252,0,0,0), #0000004d, #e191003c, #007b9e1d, #0077a056, #ffd440, #e2f0f4, #fef6dc, #118847, #e5f0e9, #cd0000, #fceff0, #6b0000, #280000, #000, #262626, #333, #404040, rgba(0,0,0,.6), currentcolor, rgba(26,26,26,.6), #b2b2b2

- Raleway,"Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif, "Courier Prime", "Open Sans", Raleway, "Open Sans","Helvetica Neue",Helvetica,Arial,sans-serif, "Courier Prime",Courier,"Courier New",monospace, "Open Sans",sans-serif

- 0, 2rem, 2.5rem, 1.6875rem, 2.0625rem, 1.4375rem, 1.75rem, 1.25rem, 1.5rem, 1.125rem, 1.1875rem, 1rem, 1.375rem, .625rem, .875rem, 1.0625rem

- 0, 1, 2, 3, 4, 5, 6, 9999, 10000

https://www.infogo.gov.on.ca/site.css

Code Quality Scores

Quality Violations

Complexity Metrics

Design Tokens

- --ont-primary, --ont-primary-active, --ont-primary-shadow, --ont-primary-link, --ont-primary-link-visited, --ont-secondary-hover, --ont-secondary-active, --ont-dark-teal, --ont-greyscale-10, --ont-greyscale-30, --ont-greyscale-60, --ont-greyscale-70, --ont-greyscale-80, --ont-greyscale-82, --ont-greyscale-91, --ont-greyscale-95, --ont-greyscale-98, --ont-hr

- #00478f, #002142, #009adb, #0066cc, #551a8b, #e0f0ff, #c2e0ff, #367a76, hsl(0, 0%, 10%), hsl(0, 0%, 30%), hsl(0, 0%, 60%), hsl(0, 0%, 70%), hsl(0, 0%, 80%), hsl(0, 0%, 82%), hsl(0, 0%, 91%), hsl(0, 0%, 95%), hsl(0, 0%, 98%), hsl(0, 0%, 93%), white, transparent, rgba(0, 0, 0, .3), rgba(0, 0, 0, 0.834), #f2f2f2, rgba(239, 239, 239, 1), rgba(59, 59, 59, 1), rgb(84, 84, 84), rgb(170, 170, 170), rgba(118, 118, 118, 0.3), currentcolor

- "Open Sans", sans-serif, "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, "Raleway", "Open Sans", "Helvetica Neue", Helvetica, Arial, sans-serif, 'Material Icons'

- 1.125rem, 1rem, 1.25rem, .875rem, 16px, 24px

- 1, 2, 10