Making Your HubSpot Website WCAG 2.1 Compliant

1.4.4 Resize Text

MCS Accessibility Team

MCS Accessibility Team
Last Updated November 09, 2019

The following directions are part of a full step-by-step guide to making a HubSpot website WCAG 2.1 AA compliant. These recommendations are intended for websites managed on the HubSpot CMS but can be adapted for other content management systems.

LEVELAA
Principle: Perceivable
Information and user interface components must be presentable to users in ways they can perceive.
Guideline: Distinguishable
Make it easier for users to see and hear content including separating foreground from background.

Except for captions and images of text, text can be resized without assistive technology up to 200 percent without loss of content or functionality.

View Official WCAG 2.1 Compliance Techniques

Understanding 1.4.4 Resize Text

"Help people with low vision by letting them increase text size in content so that they can read it."

This criteria ensures that the user has the ability to scale text to at least 200% so that it can be read by people with mild visual disabilities without the use of assistive technology such as a screen magnifier. All content can be scalable but text is the most important.

The criteria is resolved when text can be scaled up to 200% and is a reasonable amount due to support of a wide range of designs and layout and complements 

Recommended Solutions

  • Provide controls on the web pages that allow users to change the size of all text
  • Provide large fonts by default
  • Avoid justifying text
  • Use page-percent for container sizes
  • Avoid using text in raster images

Warnings

Increasing text size up to 200% may crop or obscure the text, so ensure overflow is properly set.

For more information, please visit the official W3C article: Understanding 1.4.4 Resize Text


Download the WCAG 2.1 Compliance Checklist

Checklist Download

Questions?

Let us know if we can help you address this specific WCAG Recommendation.