Making Your HubSpot Website WCAG 2.1 Compliant

2.3.1 Three Flashes or Below Threshold

MCS Accessibility Team

MCS Accessibility Team
Last Updated July 23, 2020

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.

LEVELA
Success Criteria

2.3.1 Three Flashes or Below Threshold

  • Resolved
  • Partially Resolved
  • Manually Managed
  • N/A - Level AAA
Principle: Operable
User interface components and navigation must be operable.
Guideline: Seizures and Physical Reactions
Do not design content in a way that is known to cause seizures or physical reactions.

Web pages do not contain anything that flashes more than three times in any one second period, or the flash is below the general flash and red flash thresholds.

Note 1: Since any content that does not meet this success criterion can interfere with a user's ability to use the whole page, all content on the Web page (whether it is used to meet other success criteria or not) must meet this success criterion. See Conformance Requirement 5: Non-Interference.

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 2.3.1 Three Flashes or Below Threshold

Criterion 2.3.1 states that elements on a web page must not flash more than three times in a single second, or fall below the thresholds for general and red flashes. Its intention is to provide an accessible experience for those who may are photosensitive and may experience seizures.

How AudioEye Helps

While AudioEye does have a stop animations function, it's not likely that a photosensitive individual would be able to access the tool quickly enough to ensure safety for them.

AudioEye will alert Managed customers when 2.3.1 violations are detected and can take action with customer approval. However, for instances where Managed customers do have full control to remediate the source issue, AudioEye will collaborate with accessibility stakeholders to instruct them on what specific changes are required, why the changes are important, and how the changes can be implemented.

If you have any videos or animation present on your site that you feel may not meet the criteria, you can run them through the Trace Center's Photosensitive Epilepsy Analysis Tool (PEAT) before uploading to your site.

Exceptions

  • Anything embedded on a web page does not apply to these guidelines. 
  • If the flashing content is below a specific size (that's dependent on viewport) it passes the criterion regardless of the flash threshold. 

For more information, please visit the official W3C article: Understanding 2.3.1 Three Flashes or Below Threshold


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