Brightspace Accessibility
Function and Appearance: Templates, Font, and Colour
On this page:
Templates
Create great-looking, responsive, and accessible content topic pages using the page layouts provided in the template package. The layouts are designed to be edited using the HTML Editor in the Learning Environment.
To access the templates, Create a File and then click on Select a Document Template menu next to the title text box.
Choose the appropriate nnn_x_v3 template.
Be consistent: use the introductory template for all introductory pages, the video page for videos, etc.
Each Brightspace content page requires a title. Give each page a descriptive, unique title.
Font
Use the built-in editor tools to change font. All font options are available on the Brightspace editor toolbar.
- Use a sans-serif font with a minimum size of 16
- Avoid excessive italics
- Left align text for languages that read left to right
Colour Contrast
Contrast must be at least 4.5:1 for normal text (11-12 point) and 3:1 for large text (18 point +). Use the Accessibility Checker to verify.
To select font colours:
- Highlight the text
- Select the Select Color button in the toolbar
- In the Select a Color dialogue, use the sliders to change your colour until the contrast is at least 4.5:1
Do not use colour alone to convey meaning or emphasis. You may use coloured text to highlight content, but best practice would be to also bold the text and include an indication, such as “important” or “remember” in text form. Further, ensure charts and diagrams do not rely on colour alone to convey meaning or relationships, consider using different line shapes, symbols, and labels.
Preset document or file format, used for consistency without having to recreate each time
Colour contrast is the difference in saturation, brightness, and pigment of different elements relative to one another. A contrast ratio of at least 4.5:1 between text and background is required by common accessibility standards.