High contrast themes

High contrast themes

High contrast themes

High contrast themes


Windows high contrast mode and Firefox high contrast mode (on Mac OSX and Windows) allow the user to customize stylesheets at either the OS level or the browser level.
It strips out the visual design, and leave the semantic code in a more raw state, where default HTML states are more easily seen and background images are removed entirely from the screen to reduce clutter.

Topics

Topics

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Semantic content structure

Proper semantic structuring will help guide users throughout a page or screen. Discover the importance of semantic content and how to craft and implement it.

Learn more about semantic content structure

Semantic content structure

Proper semantic structuring will help guide users throughout a page or screen. Discover the importance of semantic content and how to craft and implement it.

Learn more about semantic content structure

Communicate the current state

Communicating the current state to our users lets them know if something has been selected or not amongst other indicators. It’s also important for digital wayfinding. Clearly outlining this is important as users will interact with products differently.

Learn more about communicating the current state

Communicate the current state

Communicating the current state to our users lets them know if something has been selected or not amongst other indicators. It’s also important for digital wayfinding. Clearly outlining this is important as users will interact with products differently.

Learn more about communicating the current state

Announce state changes and errors

Be sure to announce the state change to our customers, especially any error messages, by using visual cues along with text to describe what has happened.

Learn more about announcing state changes and errors

Announce state changes and errors

Be sure to announce the state change to our customers, especially any error messages, by using visual cues along with text to describe what has happened.

Learn more about announcing state changes and errors

Colour cues

Colours like red and green can be hard to distinguish so utilizing those alone are not enough when indicating something is incorrect or correct.

Learn more about colour cues

Colour cues

Colours like red and green can be hard to distinguish so utilizing those alone are not enough when indicating something is incorrect or correct.

Learn more about colour cues

Accessible images & descriptive (alt) text

Always communicate meaningful visual information (images, charts, icons, branding content) to people who are blind, have low vision, or have cognitive disabilities.

Learn more about accessible images & descriptive (alt) text

Accessible images & descriptive (alt) text

Always communicate meaningful visual information (images, charts, icons, branding content) to people who are blind, have low vision, or have cognitive disabilities.

Learn more about accessible images & descriptive (alt) text

Distinct elements

For an accessible experience for all users, design elements like headers, tables, and buttons need to be clear. The functionality of links and buttons should be clear to page visitors too so that they can complete the page function.

Learn more about distinct elements

Distinct elements

For an accessible experience for all users, design elements like headers, tables, and buttons need to be clear. The functionality of links and buttons should be clear to page visitors too so that they can complete the page function.

Learn more about distinct elements

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Accessibility requirements

Our guidelines offer best practices to help make our sites and mobile and web apps more accessible for everyone. Accessibility is a legal requirement, mandated by the Accessibility for Ontarians with Disabilities Act (AODA) and Canadian Radio-Television and Telecommunications Commission (CRTC). All of our vendors and partners must follow these guidelines as well.

Learn more about accessibility requirements

Semantic content structure

Proper semantic structuring will help guide users throughout a page or screen. Discover the importance of semantic content and how to craft and implement it.

Learn more about semantic content structure

Semantic content structure

Proper semantic structuring will help guide users throughout a page or screen. Discover the importance of semantic content and how to craft and implement it.

Learn more about semantic content structure

Communicate the current state

Communicating the current state to our users lets them know if something has been selected or not amongst other indicators. It’s also important for digital wayfinding. Clearly outlining this is important as users will interact with products differently.

Learn more about communicating the current state

Communicate the current state

Communicating the current state to our users lets them know if something has been selected or not amongst other indicators. It’s also important for digital wayfinding. Clearly outlining this is important as users will interact with products differently.

Learn more about communicating the current state

Announce state changes and errors

Be sure to announce the state change to our customers, especially any error messages, by using visual cues along with text to describe what has happened.

Learn more about announcing state changes and errors

Announce state changes and errors

Be sure to announce the state change to our customers, especially any error messages, by using visual cues along with text to describe what has happened.

Learn more about announcing state changes and errors

Colour cues

Colours like red and green can be hard to distinguish so utilizing those alone are not enough when indicating something is incorrect or correct.

Learn more about colour cues

Colour cues

Colours like red and green can be hard to distinguish so utilizing those alone are not enough when indicating something is incorrect or correct.

Learn more about colour cues

Accessible images & descriptive (alt) text

Always communicate meaningful visual information (images, charts, icons, branding content) to people who are blind, have low vision, or have cognitive disabilities.

Learn more about accessible images & descriptive (alt) text

Accessible images & descriptive (alt) text

Always communicate meaningful visual information (images, charts, icons, branding content) to people who are blind, have low vision, or have cognitive disabilities.

Learn more about accessible images & descriptive (alt) text

Distinct elements

For an accessible experience for all users, design elements like headers, tables, and buttons need to be clear. The functionality of links and buttons should be clear to page visitors too so that they can complete the page function.

Learn more about distinct elements

Distinct elements

For an accessible experience for all users, design elements like headers, tables, and buttons need to be clear. The functionality of links and buttons should be clear to page visitors too so that they can complete the page function.

Learn more about distinct elements

Tools

Tools

There are no tools associated with this standard.