Making Your HubSpot Website WCAG 2.1 Compliant

2.4.3 Focus Order

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.4.3 Focus Order

  • Resolved
  • Partially Resolved
  • Manually Managed
  • N/A - Level AAA
Principle: Operable
User interface components and navigation must be operable.
Guideline: Navigable
Provide ways to help users navigate, find content, and determine where they are.

If a Web page can be navigated sequentially and the navigation sequences affect meaning or operation, focusable components receive focus in an order that preserves meaning and operability.

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.4.3 Focus Order

The purpose of this success criteria is to ensure that users that cannot use a mouse can still navigate your site in a logical order. When tabbing through the site, make sure your site is in a meaningful order. 

How AudioEye Helps

AudioEye will alert Managed customers when 2.4.3 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

Recommended Solutions

  • Align the focus order with the reading order.
  • Place interactive elements in an order of importance. 
  • Use proper headings.
  • If your page does not need to be in a certain order you do not need a focus order. For example, a page of links.  

For more information, please visit the official W3C article: Understanding 2.4.3 Focus Order


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