Text Resizing

Text resizing are a secondary element. It is recommended to include in your digital product.

┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈┈

There are various ways to resize text, albeit it is often the responsibility of a browser to assist with this task. Text is the most important thing to scale, but other elements such as images should be considered as well.

Summary Points:

  • Text should have the ability to be increased by 200% without overlapping. This means 2x the width and height

  • Content should be produced that has the ability to scale

  • Avoid justified text

  • Avoid rasterized text in a .jpg, .png or other. If rasterized text must be included, make it 18 point minimum

  • Avoid horizontal scrolling (see orientation)

  • Ensure properly validated responsive coding (see validation)

  • Any browser can zoom in or out on text with +- keys or in view

  • In the Chrome browser, users may create their own caption sizes in Chrome > Settings > Accessibility > Caption Preference

Chrome Accessibility Plugins:

https://chrome.google.com/webstore/category/collection/3p_accessibility_extensions

Further On This Topic:

https://usability.yale.edu/web-accessibility/articles/zoom-resizing-text

https://www.w3.org/TR/UNDERSTANDING-WCAG20/visual-audio-contrast-scale.html