Perceivable
Operable
Understandable
Robust
Wild Card
100

The required accompanying text for all video content.

What are captions

100

Anything that can be done with a mouse can be done with a keyboard.

What is 2.1.1 Keyboard Accessible? (A)



100

"I was navigating a French website with a screen reader, although it sounded like someone was speaking English."

What is the 3.1.1 "Language of  Page" (A)

100

Using "clean" HTML according to specification and standards.

What is 4.1.1 "Parsing" (Level A)

100

"I was trying to read the banner in a slideshow on a webpage, but it was going to fast."

What is 2.2.2 "Pause, Stop, Hide" (A)

200

What size of text must have at least a 4.5:1 contrast ratio?

What is normal size text

200

A description of the topic or purpose of the web page that is unique and meaningful for the content on that page.

What is a Page Title? Success Criteria 2.4.2 (A)

200

Mechanisms that allow users to jump to errors, or provide success feedback when form submits correctly.

What are advisory techniques for "Error Suggestion" 3.3.1 (A)

200
"I was filling out a form with my screen reader, although some text fields were not being announced."

What is failure of 4.1.2 "Name, Role, Value" (A)

200

A feature that shows the password in plain text on a login form benefits these users.

Neuro-diverse users and people with cognitive disabilities.

300

Visible on screen text that is not selectable or customizable, and doesn't remain crisp at high magnification. 

What are Images of Text

300
"I was using the Tab key to navigate a website, but then I lost track of where I was"

What is 2.4.7 Focus Visible (AA)

300
"The 'Contact Us' link in the main navigation disappears on some pages or is in the wrong order on others"

What is 3.2.3 "Consistent Navigation" (AA)


300

"I thought I submitted the form correctly, but I didn't know there were issues."

What is 4.1.3 "Status Messages" (AA)

300

Providing the ability for a user to review and correct answers before submitting a form.

What is a technique for 3.3.4 "Error Prevention" (AA)

400

When text is made bold and bigger instead of using semantic headings, this is a failure of what success criteria.

What is 1.3.1 "Info and Relationships" (A)


400

A mechanism that is available to skip blocks of content that are repeated on multiple pages within an app

What is a bypass block or skip link? 2.4.1 (A)

400

"I was looking for the 'Search' button, but on some pages I think it was labeled 'Find' instead."

What is a failure of the 3.2.4. "Consistent Identification" Success Criteria? (AA)

400

"I was trying to fill out a quiz, but my screen reader wouldn't let me know if I selected the right choice"

What is a failure of the 4.1.2 "Name, Role, Value" (A)

400

44px by 44px 

What is 2.5.5. Target Size (AAA)

500

“I was moving my mouse around to track what I was looking at on a web page. It helps me keep focused. Then *boom*, a little box popped up. It covered what I was trying to read and I couldn't get it to go away.”

What is Success Criteria 1.4.13 "Content on Hover or Focus" (AA) 

500
"I had a lot of difficulty closing the pop-up because the X was too small."

What is 2.5.5 Target Size (AAA)

500

<label>Phone number</label>

<input aria-label="Phone number" />

<button>Search</button>

What are ways to provide a descriptive label for user input?

500

A <button> is nested within a hyperlink <a>

What is a failure of  4.1.1 "Parsing" (A)

500

ARIA is a set of roles and attributes that define ways to make web content and web applications (especially those developed with JavaScript) more accessible to people with disabilities.

Accessible Rich Internet Applications (ARIA)