WCAG 2.1 - What’s it all about?

A presentation at Melbourne Web A11y meetup in in Melbourne VIC, Australia by Allison Ravenhall

WCAG 2.1 - What’s it all about?

WCAG 2.1 - What’s it all about?

The W3C publish the Web Content Accessibility Guidelines (WCAG)

The W3C publish the Web Content Accessibility Guidelines (WCAG)

WCAG 2.1 = WCAG 2.0 + 17 new success criteria

WCAG 2.1 = WCAG 2.0 + 17 new success criteria

Level A (5 new success criteria)

Level A (5 new success criteria)

2.1.4 Character Key Shortcuts

2.1.4 Character Key Shortcuts

Examples of potential keyboard clashes

Examples of potential keyboard clashes

If you're going to build single-key keyboard commands, you must support at least one of:

If you're going to build single-key keyboard commands, you must support at least one of:

2.5.1 Pointer Gestures

2.5.1 Pointer Gestures

Single digit and single interaction is simple. Multiple digit and/or multiple interaction is complex.

Single digit and single interaction is simple. Multiple digit and/or multiple interaction is complex.

Simple gestures = one finger, single interaction

Simple gestures = one finger, single interaction

Complex gestures = multiple fingers and/or multiple movements

Complex gestures = multiple fingers and/or multiple movements

Exceptions to simple gestures requirement

Exceptions to simple gestures requirement

2.5.2 Pointer Cancellation

2.5.2 Pointer Cancellation

Four scenarios to support pointer cancellation

Four scenarios to support pointer cancellation

2.5.3 Label in Name

2.5.3 Label in Name

2.5.4 Motion Actuation

2.5.4 Motion Actuation

Screenshot of tilt maze in Zelda Breath of the Wild on Nintendo Switch

Screenshot of tilt maze in Zelda Breath of the Wild on Nintendo Switch

Screenshot of Mario Kart tilt controls setting

Screenshot of Mario Kart tilt controls setting

Motion actuation exception #1

Motion actuation exception #1

Motion actuation exception #2

Motion actuation exception #2

Level AA (7 new success criteria)

Level AA (7 new success criteria)

1.3.4 Orientation

1.3.4 Orientation

1.3.5 Identify Input Purpose

1.3.5 Identify Input Purpose

Code example applying autocomplete to fields expecting a home email address and a password

Code example applying autocomplete to fields expecting a home email address and a password

1.4.10 Reflow

1.4.10 Reflow

Exceptions to Reflow

Exceptions to Reflow

1.4.11 Non-Text Contrast

1.4.11 Non-Text Contrast

All of the minimum AA contrast requirements

All of the minimum AA contrast requirements

1.4.12 Text Spacing

1.4.12 Text Spacing

1.4.13 Content on Hover or Focus

1.4.13 Content on Hover or Focus

4.1.3 Status Messages

4.1.3 Status Messages

Code example of a notification

Code example of a notification

Levels of announcement urgency

Levels of announcement urgency

Summary

Summary

A quick introduction to the new level A and AA success criteria introduced in WCAG 2.1, presented to the Melbourne Web A11y meetup at Origin Energy.

Buzz and feedback

Here’s what was said about this presentation on Twitter.