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. In addition to explaining the WCAG Success Criteria and how to address them, this guide also describes how the AudioEye Managed solution may address each issue.

LEVELAA
Success Criteria

1.4.4 Resize text

  • Resolved
  • Partially Resolved
  • Manually Managed
  • N/A - Level AAA
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

  • This criteria is partially resolved and/or detected with AudioEye Managed but may require some manual intervention and/or collaboration with AudioEye.

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 

How AudioEye Helps

AudioEye provides the Text Size option within the Visual Toolkit to allow users to adjust text size up to 200%.
Screenshot of AudioEye Visual Toolbar with text size selected

Sufficient and Additional Techniques:

  • 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

The AudioEye Visual Toolkit can adjust the formatting of a website, but it is not intended as a replacement for making the necessary visual improvements that help ensure an optimal visual experience for individuals with disabilities. AudioEye collaborates with Managed customers to assist them in identifying and understanding visual accessibility issues.

  • Images of text do not scale with the AudioEye widget and would require using html text instead
  • Increasing text size up to 200% may crop or obscure the text, so overflow needs to be 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.

Recent Morey Creative Studios Blog Articles