The Web Content Accessibility Guidelines (WCAG) 2.2

A Comprehensive Guide To WCAG 2.2

What Is WCAG 2.2?

Why These Guidelines Change

The Evolution of Technology

The Need for International Standards

Changes in the Law

Changes in User Needs

WCAG 2.2: The 4 Layers Of Guidance

Principles

Perceivable

Operable

Understandable

Robust

General Web Accessibility Guidelines

Clear and Simple Language

Easy Website Navigable

Colour

Assistive Technology

Captions and Transcripts

Page Break Locators

Navigation Without a Mouse

Alternative Text

Headings and Labels

Audio Descriptions

Error Messages

Valid Code

Web Accessibility Success Criteria

Level A

Level AA

Level AAA

Techniques

Sufficient Techniques

Advisory Techniques

Failure Techniques

WCAG 2.2 vs WCAG 2.1

What’s New With WCAG 2.2?

The New Success Criteria

Success Criteria 2.4.11, “Focus Appearance (Minimum)”

Success Criteria 2.4.12, “Focus Appearance (Enhanced)”

Success Criteria 2.4.13, “Fixed Reference Points”

Success Criteria 2.5.7, “Dragging Movements”

Success Criteria 2.5.8, “Pointer Target Spacing”

How To Meet This Criterion

Success Criteria 3.2.6, “Consistent Help”

To pass this criterion, websites must provide one of the following:

Success Criteria 3.2.7, “Visible Controls”

Success Criteria 3.3.7, “Accessible Authentication”

Success Criteria 3.3.8, “Redundant Entry”

What Are The Changes For Websites?

Guideline 2.4 Navigable

Guideline 2.5 Input Modalities

Guideline 3.2 Predictable

Guideline 3.3 Input Assistance

How Will WCAG 2.2 Benefit The User?

Enhanced Accessibility

Better Compatibility with Assistive Technologies

Improved Readability

Requiring the Use of Clear and Simple Language

Improving the Structure of Web Content

Providing Alternative Versions of Web Content

Enhanced Usability

Providing Guidance on How to Design User Interfaces That are Easy to Use

Improving the Navigability of Website Content

Requiring the Use of Consistent Design Elements

Reduced Barriers to Entry

The Benefits Of WCAG 2.2 For Businesses And Website Owners

Expand Customer Base

Improve Search Engine Rankings

Reduce Legal Risk

Better Customer Relationships

What Are The Penalties For Non-Compliant Websites?

Pro Tips For Implementing WCAG 2.0

Have a Workable Plan

Get Stakeholder Buy-In

Test, Test, Test

Monitor and Evaluate Progress

Make Continuous Improvements

Final Thoughts

--

--

Parachute Design Group Inc. is a boutique Toronto web design agency specializing in beautiful hand-made website design, custom logo design and branding.

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Parachute Design

Parachute Design Group Inc. is a boutique Toronto web design agency specializing in beautiful hand-made website design, custom logo design and branding.