This page contains all guidelines tagged with:

Level AA

This refers to WCAG 2.1 compliance level AA, which significantly improves the accessibility experience. This is the typical standard for government institutions and legal mandates.

Use responsive layouts and don't restrict the layout to portrait or landscape

The same website on desktop, tablet, and mobile size screens
Code
Presentation
Physical
Visual
Level AA

Use text presentation best practices

Comparison of accessible text that's easy to read and inaccessible, small, low contrast text.
Code
Design
Presentation
Styles
Visual

Provide a way to zoom in and resize text up to 200%

Text at both original size and zoomed up to 200% bigger
Code
Presentation
Visual
Level AA
Manual Test

Use text instead of images of text

Comparison of an image of text (inaccessible) vs. markup text with CSS styling (accessible)
Code
Presentation
Visual
Level AA
Level AAA

Ensure that focus indicator is visible

Comparison of an invisible focus indicator (inaccessible) vs. a visible one (accessible)
Code
States
Interaction
Keyboard
Visual

Use hover and focus best practices

A website with 2 levels of menus open
Code
States
Interaction
Keyboard
Visual

Define status messages in markup

Code with a banner above
Code
Defined in Markup
Visual
Level AA
Manual Test

Define the human language in markup

HTML code with the human language attribute
Code
Defined in Markup
Visual
Level A
Level AA

Prevent errors when handling legal and financial data

Example of confirming information on a form with legal information
Code
Error Recovery
Cognitive
Physical
Visual

Suggest corrections to errors

Example of a "no search results" message with a suggestion to the typo
Design
Error Recovery
Cognitive
Level AA
Manual Test

Provide more than one way to locate a page

Examples of different ways to locate a page - site directory, search, and featured pages
Design
Navigation
Cognitive
Physical
Visual

Use consistent navigation

Exampel of navigation that looks the same (accessible) vs. different (inaccessible)
Design
Navigation
Cognitive
Visual
Level AA

Provide consistent UI components

Example of consistent login buttons (accessible) vs. inconsistent buttons (inaccessible)
Design
Styles
Cognitive
Visual
Level AA

Use high color contrast

Examples of high color contrast (easy to see) and low contrast (difficult to see)
Design
Styles
Visual
Level AA
Level AAA

Write descriptive headings and labels

Example of descriptive headings (accessible) vs. vague headings (inaccessible) for a smoothie recipe
Content
Writing
Cognitive
Visual
Level AA

Provide audio descriptions of videos

Example of video of colorful shapes with an audio description below
Content
Multimedia
Visual
Level A
Level AA

Provide captions

2 characters talking with captions underneath
Content
Multimedia
Hearing
Level A
Level AA