WCAG 2.1 - What’s it all about?

Melbourne Web A11y meetup

WCAG 2.1 - What’s it all about?

The W3C publish the Web Content Accessibility Guidelines (WCAG)

WCAG 2.1 = WCAG 2.0 + 17 new success criteria

Level A (5 new success criteria)

2.1.4 Character Key Shortcuts

Examples of potential keyboard clashes

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

2.5.1 Pointer Gestures

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

Simple gestures = one finger, single interaction

Complex gestures = multiple fingers and/or multiple movements

Exceptions to simple gestures requirement

2.5.2 Pointer Cancellation

Four scenarios to support pointer cancellation

2.5.3 Label in Name

2.5.4 Motion Actuation

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

Screenshot of Mario Kart tilt controls setting

Motion actuation exception #1

Motion actuation exception #2

Level AA (7 new success criteria)

1.3.4 Orientation

1.3.5 Identify Input Purpose

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

Exceptions to Reflow

1.4.11 Non-Text Contrast

All of the minimum AA contrast requirements

1.4.12 Text Spacing

1.4.13 Content on Hover or Focus

4.1.3 Status Messages

Code example of a notification

Levels of announcement urgency

/