Skip to content

Commit

Permalink
ReadMe add: Colour scheme section, accessibility section
Browse files Browse the repository at this point in the history
  • Loading branch information
Shane-Donlon authored Jul 23, 2023
1 parent dc920ab commit d9627ca
Showing 1 changed file with 12 additions and 1 deletion.
13 changes: 12 additions & 1 deletion README.md
Original file line number Diff line number Diff line change
Expand Up @@ -211,5 +211,16 @@ The primary font of the site is Noto Serif, this was used as it has a variety of
The default fonts for Chartjs are Helvetica Neue, Helvetica, Arial, sans-serif
I did not adjust these as I found the contrast in the fonts to be more visually appealing

## Accessibility:
Using Wave I have found that there are no contrast issues, but this is to measure background and text, as Chartjs uses Canvas with no "text background" I have also used [Colblindor](https://www.color-blindness.com/coblis-color-blindness-simulator/) to measure the accessibility of the canvas elements


![Wave Accessiblity Score Screen](assets/documentation/wave-accessibility.jpg)

## Colour Scheme:
### Colours used in CSS:
![Colour scheme used on site background foreground](assets/documentation/css-colours-used.jpg)

### Colours used in JavaScript for ChartJS
![Colour scheme used on Canvas Elements for charts](assets/documentation/chartjs-colours-1.jpg)
![Colour scheme used on Canvas Elements for charts](assets/documentation/chartjs-colours-2.jpg)
![Colour scheme used on Canvas Elements for charts](assets/documentation/chartjs-colours-3.jpg)

0 comments on commit d9627ca

Please sign in to comment.