![Consistency](https://websitesupport.ocdsb.ca/UserFiles/Servers/Server_451267/Image/Web%20Design/Consistency%202.png)
|
Consistency
Use the same design scheme, fonts and features across all your web pages.
|
![Images](https://websitesupport.ocdsb.ca/UserFiles/Servers/Server_451267/Image/Web%20Design/Images.png) |
Keep it Simple
Keep your pages simple so they’re clear and easy to navigate by keeping your website clean and clutter-free.
Break up large chunks of text by using smaller paragraphs or bullets to present key information. Use headers to create sub-headings.
|
![Fonts](https://cdnsm5-ss13.sharpschool.com/UserFiles/Servers/Server_451267/Image/Web%20Design/Fonts-removebg-preview.png) |
Fonts
Use standard, easy-to-read fonts that are legible and professional. Avoid bright, flashy or neon font colors.
Highlight only the essential words and phrases in bold.
Use less than 2 different font colors, styles and sizes on the page.
|
![Colors](https://websitesupport.ocdsb.ca/UserFiles/Servers/Server_451267/Image/Web%20Design/Color%20Palette.png) |
Colours
Use good colour contrast.
Dark text on a light background is best because it's readable for most audiences.
Only hyperlinks should e blue font and underlined.
|
![Image Manager Icon](https://cdnsm5-ss13.sharpschool.com/UserFiles/Servers/Server_451267/Image/Web%20Design/Image%20Manager%20icon.png) |
Images
Images should be relevant and add value to the website.
Don’t use bright flashing images.
Use the image manager to upload pictures so you can give them alt text.
|
![Calendar](https://cdnsm5-ss13.sharpschool.com/UserFiles/Servers/Server_451267/Image/Web%20Design/Calendar.png) |
Content
Keep the content fresh and current. If your 2023 website has content dated from 2021, your visitors may quickly leave your site.
Make hyperlinks descriptive (don't use "Click here")
|
![Accessibility](https://websitesupport.ocdsb.ca/UserFiles/Servers/Server_451267/Image/Web%20Design/Accessibility.PNG) |
Accessibility
Consider how people with disabilities – such as blindness or hearing loss – will interact with your pages.
Learn more about adding accessible content.
|