Perceivable
Operable
Understandable
Robust
Wild Card
100

The required accompanying text for all video and audio content.

What are captions?

100

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

What is keyboard accessible?

100

<html lang="en">

What is the "Language of the Page" Success Criteria?

100

Using HTML according to spec

What is a sufficient technique for the "Parsing" Success Critieria?

100

Nested interactive elements

What is a failure of the "Parsing" Success Criteria?

What is a failure of H88 "Using HTML according to spec" (bonus point)

200

One way to do this is to organize a page using page headings

What is correctly implementing the "Information and Relationships" Success Criteria?

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?

("Page Titled" Success Criteria)

200

When an option in a select element is chosen, an additional field appears without any warning to the user.

What is a failure of the "On Focus" Success Criteria?

200

Using a script to make a div or a span a user interface control in HTML

What is a failure of the "Name, Role, Value" Success Criteria? 


200

The pattern attribute

What is a way to provide client-side validation of form inputs?

What is a technique to help meet the "Error Suggestion" Success Criteria?

300

A contrast ratio of at least 4.5:1

What is the minimum color contrast requirement for text according to WCAG 2.1 AA?

300

- using the CSS property "focus-visible"
- not specifying a focus style (using browser defaults)
- adding a highly-visible focus indicator

What are ways to meet the "Focus Visible" Success Criteria?

300

- "Go to the homepage"
- "Back"
- "Home"
- "Visit Home"

What is a failure of the "Consistent Identification" Success Criteria?

300

Missing focus state or not programmatically determinable focus state

What is Failure 79? (Bonus point)

What is a failure of the "Name, Role, Value" Success Criteria?

300

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

What is a sufficient technique for the "Error Prevention" Success Criteria?

What is G98? (bonus point)

400

A feedback mechanism that provides a green checkmark when correct and a red "x" when incorrect.

What is the correct implementation of the "Use of Color" Success Criteria?

What is color not used as the only visual means of conveying information?

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?

What is a skip link?

400

- label element
- aria-label
- aria-labelledby
- aria-describedby

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

400

Using ARIA role=alert or live regions to identify errors

What is a sufficient technique for the "Status Messages" Success Criteria?

400

designing and implementing with accessibility in mind from the start

What is "Shift Left"?

What is a way to prevent a major re-write later?

What is a way to provide business value?

500

Content can be presented without loss of information or functionality AND without scrolling in two directions

What is the "Reflow" Success Criteria?

500

The accessible name contains the visible label text.

What is the "Label in Name" Success Criteria?

500

- allow users to jump to errors
- provide success feedback when form submits correctly
- provide client-side validation and alerts

What are the advisory techniques for the "Error Suggestion" Success Criteria?

500

Allowing non-essential alerts to be turned off by the user.

What is an advisory technique for the "Status Messages" Success Criteria?

What is SCR14? (bonus point)

500

Interactive elements that look interactive

What is a way to improve accessibility for neuro-diverse users?

Click to zoom