Text resize and Zoom

Text resize and Zoom

Text resize and Zoom

Text resize and Zoom


Text resize and text zoom are built into the operating systems on our desktops and mobile devices, as well as in our browsers. Our interfaces need to accommodate the reflow that will occur without impeding the readability or function of the content.
When we increase the size of the content we also need many of our guidelines to be retested since often we adapt the design when we reach certain endpoints.
These guides will help you make sure your content works for customers who increase their font or text size.

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

Keyboard functionality

Some users will rely on only their keyboards, including alternative keyboards, as a way to navigate through different web and app experiences. It is one of the most important aspects of digital accessibility.

Learn more about keyboard functionality

Keyboard functionality

Some users will rely on only their keyboards, including alternative keyboards, as a way to navigate through different web and app experiences. It is one of the most important aspects of digital accessibility.

Learn more about keyboard functionality

Responsive content

There are many different sized devices users can access content on. We want to ensure that we are taking preferences into consideration so that anything our customers view will be optimized for their screens.

Learn more about responsive content

Responsive content

There are many different sized devices users can access content on. We want to ensure that we are taking preferences into consideration so that anything our customers view will be optimized for their screens.

Learn more about responsive content

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

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

Calls to action (CTAs) and link text

A clear call to action or link text will let the user know exactly what their next steps are. They should outline a specific action and must not be vague.

Learn more about calls to action (CTAs) and link text

Calls to action (CTAs) and link text

A clear call to action or link text will let the user know exactly what their next steps are. They should outline a specific action and must not be vague.

Learn more about calls to action (CTAs) and link text

Designing for colour-blindness

Colour blindness or colour vision deficiency must be taken into account when designing products. When one person sees blue another may see yellow.

Learn more about designing for colour-blindness

Designing for colour-blindness

Colour blindness or colour vision deficiency must be taken into account when designing products. When one person sees blue another may see yellow.

Learn more about designing for colour-blindness

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

Keyboard functionality

Some users will rely on only their keyboards, including alternative keyboards, as a way to navigate through different web and app experiences. It is one of the most important aspects of digital accessibility.

Learn more about keyboard functionality

Keyboard functionality

Some users will rely on only their keyboards, including alternative keyboards, as a way to navigate through different web and app experiences. It is one of the most important aspects of digital accessibility.

Learn more about keyboard functionality

Responsive content

There are many different sized devices users can access content on. We want to ensure that we are taking preferences into consideration so that anything our customers view will be optimized for their screens.

Learn more about responsive content

Responsive content

There are many different sized devices users can access content on. We want to ensure that we are taking preferences into consideration so that anything our customers view will be optimized for their screens.

Learn more about responsive content

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

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

Calls to action (CTAs) and link text

A clear call to action or link text will let the user know exactly what their next steps are. They should outline a specific action and must not be vague.

Learn more about calls to action (CTAs) and link text

Calls to action (CTAs) and link text

A clear call to action or link text will let the user know exactly what their next steps are. They should outline a specific action and must not be vague.

Learn more about calls to action (CTAs) and link text

Designing for colour-blindness

Colour blindness or colour vision deficiency must be taken into account when designing products. When one person sees blue another may see yellow.

Learn more about designing for colour-blindness

Designing for colour-blindness

Colour blindness or colour vision deficiency must be taken into account when designing products. When one person sees blue another may see yellow.

Learn more about designing for colour-blindness

Tools

Tools

There are no tools associated with this standard.