This page contains all guidelines tagged with:

Level AAA

This refers to WCAG 2.1 compliance level AAA, which describes an optimal level of care and attention paid toward access needs.

Provide a way to turn off moving content and animation triggered by interaction

A carousel with a pause button on a website

Only change the context by user request

Example of an annoying pop-up

Use text presentation best practices

Comparison of accessible text that's easy to read and inaccessible, small, low contrast text.

Use text instead of images of text

Comparison of an image of text (inaccessible) vs. markup text with CSS styling (accessible)

Make multiple types of input available

Multiple types of input - touch, keyboard, voice, and mouth stick.

Make all functionality available through the keyboard

Computer keyboard

Define the purpose, name, role, and value of UI components in markup

Example of good semantic markup of an accordion

Defined in Markup

Allow users to save data after a session timeout

A website that allows users to retain unsaved data after logging back in

Warn users about timeouts

Example of a timeout warning with a button to stay logged in

Provide the option to turn off interruptions

Webpage that allows user to postpone alerts

Make time limits adjustable or not essential

Example of being able to extend a time limit

Prevent errors when handling legal and financial data

Example of confirming information on a form with legal information

Provide contextual help

A help message below the membership code of a form

Make sure the user knows where they are

Example of a website with breadcrumbs and a selected tab

Provide buttons with a large target size

Comparison of a large button size (accessible) vs. very tiny ones (inaccessible)

Semi-Automated Test

Use high color contrast

Examples of high color contrast (easy to see) and low contrast (difficult to see)

Write descriptive link text

Example of specific and descriptive button text (accessible) vs. generic text (inaccessible)

Write descriptive headings and labels

Example of descriptive headings (accessible) vs. vague headings (inaccessible) for a smoothie recipe

Provide pronunciation for ambiguous words

Example of phonetic pronunciation of the word "anemone"

Write content at an approachable reading level

3 cartoon characters reading a book written in simple language

Semi-Automated Test

Provide a way to expand abbreviations

Examples of the acronyms LOL, LMAO, and ROFL being expanded

Provide a way to understand unusual words and phrases

The unusual word "Gobbledygook" being defined

Semi-Automated Test

Don't use flashing lights

Illustration of flashing lights with a warning sign

Provide ASL interpretation of video

A speaker on TV with an ASL interpreter

Provide media alternatives of video

Example of a video with colorful shapes and a text description below

Provide audio descriptions of videos

Example of video of colorful shapes with an audio description below

Get rid of background noise in audio

Audio with and without background noise

Provide audio transcripts

Character listening to podcast with an audio transcript