Website Accessibility

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

This guide is intended to make accessibility more accessible.

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.

Principle

1 Perceivable

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

Guideline

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.

Guideline

1.2 Time-based Media

Provide alternatives for time-based media.

LEVELAAA
Success Criteria

1.2.6 Sign Language (Prerecorded)

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

LEVELAAA
Success Criteria

1.2.7 Extended Audio Description (Prerecorded)

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

LEVELAAA
Success Criteria

1.2.8 Media Alternative (Prerecorded)

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

LEVELAAA
Success Criteria

1.2.9 Audio-only (Live)

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

Guideline

1.3 Adaptable

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

LEVELAAA
Success Criteria

1.3.6 Identify Purpose

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

Guideline

1.4 Distinguishable

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

LEVELAAA
Success Criteria

1.4.6 Contrast (Enhanced)

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

LEVELAAA
Success Criteria

1.4.7 Low or No Background Audio

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

LEVELAAA
Success Criteria

1.4.8 Visual Presentation

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

LEVELAAA
Success Criteria

1.4.9 Images of Text (No Exception)

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

Principle

2 Operable

User interface components and navigation must be operable.

Guideline

2.1 Keyboard Accessible

Make all functionality available from a keyboard.

LEVELAAA
Success Criteria

2.1.3 Keyboard (No Exception)

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

Guideline

2.2 Enough Time

Provide users enough time to read and use content.

LEVELAAA
Success Criteria

2.2.3 No Timing

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

LEVELAAA
Success Criteria

2.2.4 Interruptions

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

LEVELAAA
Success Criteria

2.2.5 Re-authenticating

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

LEVELAAA
Success Criteria

2.2.6 Timeouts

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

Guideline

2.3 Seizures and Physical Reactions

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

LEVELAAA
Success Criteria

2.3.2 Three Flashes

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

LEVELAAA
Success Criteria

2.3.3 Animation from Interactions

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

Guideline

2.4 Navigable

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

LEVELAAA
Success Criteria

2.4.8 Location

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

LEVELAAA
Success Criteria

2.4.9 Link Purpose (Link Only)

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

LEVELAAA
Success Criteria

2.4.10 Section Headings

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

Guideline

2.5 Input Modalities

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

LEVELAAA
Success Criteria

2.5.5 Target Size

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

LEVELAAA
Success Criteria

2.5.6 Concurrent Input Mechanisms

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

Principle

3 Understandable

Information and the operation of user interface must be understandable.

Guideline

3.1 Readable

Make text content readable and understandable.

LEVELAAA
Success Criteria

3.1.3 Unusual Words

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

LEVELAAA
Success Criteria

3.1.4 Abbreviations

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

LEVELAAA
Success Criteria

3.1.5 Reading Level

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

LEVELAAA
Success Criteria

3.1.6 Pronunciation

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

Guideline

3.2 Predictable

Make Web pages appear and operate in predictable ways.

LEVELAAA
Success Criteria

3.2.5 Change on Request

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

Guideline

3.3 Input Assistance

Help users avoid and correct mistakes.

LEVELAAA
Success Criteria

3.3.5 Help

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

LEVELAAA
Success Criteria

3.3.6 Error Prevention (All)

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

Principle

4 Robust

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

Guideline

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