Making accessibility standards easy to understand, one success criterion at a time.

disability: Visual

Promotes web accessibility for people with blindness, low vision, or color blindness.

WCAG 2.0, 2.1, 2.2 Level A

3.3.1 Error Identification

Errors must be clearly indicated and described to the user.

Forms, Wording
Cognitive, Visual
Code, Design
WCAG 2.0, 2.1, 2.2 Level A

3.3.2 Labels or Instructions

Provide enough help to prevent form errors—sometimes the label is enough, but hint text or instructions might also be needed.

Code and Labels, Forms
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AA

3.3.3 Error Suggestion

Helpful suggestions should be provided to help users correct their errors.

Forms, Wording
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AA

3.3.4 Error Prevention (Legal, Financial, Data)

Important forms like a legal agreement or submitting financial information offer the opportunity to check the information entered before sending.

Forms, Wording
Cognitive, Visual
Code
WCAG 2.0, 2.1 Level A

4.1.1 Parsing

The markup has been validated and there are no errors, such as duplicate ids, missing tags, and invalid child elements.

Code and Labels
Cognitive, Visual
Code
WCAG 2.0, 2.1, 2.2 Level A

4.1.2 Name, Role, Value

The semantic meaning of every interactive element (form controls, links, headings, landmarks, tables, and so on) is correct, and each has an accessible name.

Code and Labels, Forms, Keyboard
Cognitive, Physical/Motor, Visual
Code
WCAG 2.0, 2.1, 2.2 Level AA

4.1.3 Status Messages

Messages like form errors and success pop-ups are communicated to assistive technology like screen readers.

Code and Labels, Forms
Cognitive, Visual
Code