Website Accessibility

A Step-by-Step Guide to Making Your HubSpot Website WCAG 2.1 Compliant

The Web Content Accessibility Guidelines (WCAG) is a list of recommendations to address known challenges people with disabilities face on the internet. Organized by levels, businesses should aspire to be WCAG level AA-compliant to deliver an appropriate experience for all users. Unfortunately, the WCAG can be a bit technical and overwhelming. This guide is intended to simplify each recommendation and suggest possible solutions.

HubSpot

This guide is written specifically for the HubSpot CMS. The explanations here may be adapted or interpreted for other content management systems but please do so with caution.

AudioEye

While there are many tools to help with addressing accessibility, AudioEye is our recommended accessibility testing, remediation, and monitoring solution. The barriers described in this guide may be more easily achieved by leveraging an AudioEye Managed subscription. To understand how AudioEye resolves or aids in resolving accessibility issues, each WCAG Success Criteria outlined below and organized as follows:

  • A bright green check indicates "Consistently resolved with AudioEye Managed"
  • A mustard-yellow dash indicates "Partially resolved or detected with AudioEye Managed but may require some manual intervention"
  • A bright red "X" indicates "Not resolved with AudioEye Managed and requires full manual management"
  • A grey circle indicates "Not applicable if you are aiming for WCAG 2.1 level AA compliance"

 

Morey Creative Studios is an affiliate of audioeye.com and is compensated for traffic sent to their website that results in business. Learn why we recommend this solution above all others.


For general questions on our accessibility efforts or services, please contact us here. For questions on how to resolve specific success criteria, please comment on the individual articles.

1 Perceivable

Information and user interface components must be presentable to users in ways they can perceive.

1.1 Text Alternatives

Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language.

1.2 Time-based Media

Provide alternatives for time-based media.

LEVELAAA

1.2.6 Sign Language (Prerecorded)

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.2.7 Extended Audio Description (Prerecorded)

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.2.8 Media Alternative (Prerecorded)

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.2.9 Audio-only (Live)

This criteria is not required for WCAG 2.1 Level AA compliance.

1.3 Adaptable

Create content that can be presented in different ways (for example simpler layout) without losing information or structure.

LEVELAAA

1.3.6 Identify Purpose

This criteria is not required for WCAG 2.1 Level AA compliance.

1.4 Distinguishable

Make it easier for users to see and hear content including separating foreground from background.

LEVELAAA

1.4.6 Contrast (Enhanced)

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.4.7 Low or No Background Audio

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.4.8 Visual Presentation

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

1.4.9 Images of Text (No Exception)

This criteria is not required for WCAG 2.1 Level AA compliance.

2 Operable

User interface components and navigation must be operable.

2.1 Keyboard Accessible

Make all functionality available from a keyboard.

LEVELAAA

2.1.3 Keyboard (No Exception)

This criteria is not required for WCAG 2.1 Level AA compliance.

2.2 Enough Time

Provide users enough time to read and use content.

LEVELAAA

2.2.3 No Timing

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.2.4 Interruptions

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.2.5 Re-authenticating

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.2.6 Timeouts

This criteria is not required for WCAG 2.1 Level AA compliance.

2.3 Seizures and Physical Reactions

Do not design content in a way that is known to cause seizures or physical reactions.

LEVELAAA

2.3.2 Three Flashes

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.3.3 Animation from Interactions

This criteria is not required for WCAG 2.1 Level AA compliance.

2.4 Navigable

Provide ways to help users navigate, find content, and determine where they are.

LEVELAAA

2.4.8 Location

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.4.9 Link Purpose (Link Only)

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.4.10 Section Headings

This criteria is not required for WCAG 2.1 Level AA compliance.

2.5 Input Modalities

Make it easier for users to operate functionality through various inputs beyond keyboard.

LEVELAAA

2.5.5 Target Size

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

2.5.6 Concurrent Input Mechanisms

This criteria is not required for WCAG 2.1 Level AA compliance.

3 Understandable

Information and the operation of user interface must be understandable.

3.1 Readable

Make text content readable and understandable.

LEVELAAA

3.1.3 Unusual Words

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

3.1.4 Abbreviations

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

3.1.5 Reading Level

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

3.1.6 Pronunciation

This criteria is not required for WCAG 2.1 Level AA compliance.

3.2 Predictable

Make Web pages appear and operate in predictable ways.

LEVELAAA

3.2.5 Change on Request

This criteria is not required for WCAG 2.1 Level AA compliance.

3.3 Input Assistance

Help users avoid and correct mistakes.

LEVELAAA

3.3.5 Help

This criteria is not required for WCAG 2.1 Level AA compliance.

LEVELAAA

3.3.6 Error Prevention (All)

This criteria is not required for WCAG 2.1 Level AA compliance.

4 Robust

Content must be robust enough that it can be interpreted reliably by a wide variety of user agents, including assistive technologies.

4.1 Compatible

Maximize compatibility with current and future user agents, including assistive technologies.

    Keep Track of Your Progress

    Download the WCAG 2.1 Compliance Checklist

    Checklist Video of What to Expect

    Video: What to Expect If You Download this Checklist

    Checklist Download