Making Your HubSpot Website WCAG 2.1 Compliant
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. All suggestions in this guide are in conjunction with the accessiBe solution and require an active license. For more information on the accessiBe platform and pricing, you can learn more here.
Understanding
The Multiple Ways criteria states that you must be able to access a webpage from all other site-pages in more than one way. For example, a main navigation alone is not acceptable.
This criteria allows users to access information more quickly and efficiently if browsing the site through a screen reader or magnifier.
If your webpage is, "the result of, or a step in, a process," this rule does not apply. An example of this would be a thank you page, like the below. Because this page occurs as a result of submitting a form, it does not need to be widely accessibly by navigation or sitemap.
Another practical example would be the WCAG Recommendations navigation on the right sidebar of this site page. The WCAG articles are accessible through this menu, the search menu and the top-level WCAG page, so this passes the criteria.
How accessiBe Helps
Within the acsessiBe widget, there is a feature called Useful Links, that will provide you a menu of all site pages. accessiBe also resolves with the commands Alt+1 (PC) or Option+1 (Mac). If you deploy these key commands twice in a row, it will open up a quick links menu.
Additionally, on the manual intervention side, the inclusion of a footer navigation, sitemap, or search function all meet the Multiple Ways standard.
For more information, please visit the official W3C article: Understanding
Video: What to Expect If You Download this Checklist
