Web Content Accessibility Guidelines (WCAG)

Web Content Accessibility Guidelines

WCAG

- THE PRINCIPLES

- THE GUIDELINES

- SUCCESS CRITERIA

The STRUCTURE of WCAG

1. PERCEIVABLE

2. OPERABLE

3. UNDERSTANDABLE

4. ROBUST

THE PRINCIPLES

- TEXT ALTERNATIVES

- TIME-BASED MEDIA

- ADAPTABLE

- DISTINGUISHABLE

PERCEIVABLE (GUIDELINES)

- KEYBOARD ACCESSIBLE

- ENOUGH TIME

- SEIZURES AND PHYSICAL REACTIONS

- NAVIGABLE

- INPUT MODALITIES

OPERABLE (GUIDELINES)

- READABLE

- PREDICTABLE

- INPUT ASSISTANCE

UNDERSTANDABLE (GUIDELINES)

- COMPATIBLE

ROBUST (GUIDELINE)

- A

- AA

- AAA

LEVEL OF CONFORMANCE

1.1 TEXT ALTERNATIVES

1.2 TIME-BASED MEDIA

1.3 ADAPTABLE

1.4 DISTINGUISHABLE

2.1 KEYBOARD ACCESSIBLE

2.2 ENOUGH TIME

2.3 SEIZURES AND PHYSICAL REACTIONS

2.4 NAVIGABLE

2.5 INPUT MODALITIES

3.1 READABLE

3.2 PREDICTABLE

3.3 INPUT ASSISTANCE

4.1 COMPATIBLE

13 GUIDELINES

A

The bare minimum level of accessibility. (Level of Conformance)

AA

Everything in Level A, plus a few additional

requirements. (Level of Conformance)

AAA

Everything in Level A and AA, plus a few

additional requirements. (Level of Conformance)

PERCEIVABLE

People must be able to find your content

TEXT ALTERNATIVES

All non-text content has a text alternative

TEXT-BASED MEDIA

Offer alternative options for time-based media

ADAPTABLE

Content can be presented in different ways without losing context

DISTINGUISHABLE

Content can be separated from its background

DISTINGUISHABLE

Background audio

should be 20 decibels

quieter than speaking

voices

OPERABLE

People must be able to use your website

KEYBOARD ACCESSIBLE

All parts of a website can be accessed using only a keyboard

ENOUGH TIME

People are given enough time to use the content on your website

SEIZURE AND PHYSICAL REACTIONS

Website content is not designed in a way that will cause seizures

NAVIGABLE

People can navigate the website and understand where they are

INPUT MODALITIES

All parts of a website can be accessed using other input devices besides a keyboard

- Mouse

- Touch Screen

- Speech-to-Text

INPUT MODALITIES

Example: Cross - Devices

UNDERSTANDABLE

People must be able to understand your website

READABLE

Content is readable and easy to understand

READABLE

LANGUAGE

User simple language and avoid jargon when possible

PREDICTABLE

Web pages are predictable in how they appear and operate

INPUT ASSISTANCE

It's easy for people to correct and avoid mistakes

ROBUST

Your website must work with different technologies

COMPATIBLE

Build websites that work with current and future assistive technology