basics

Techniques and best practices for basic components of web applications.

Select a conformance level

Basic Level A

Recommended Level AA and lower

Advanced Level AAA and lower

Available techniques:
Accessible footer
Use semantic HTML for footer.
- WCAG 2.2
- A
- #structure
Accessible header
Use semantic HTML for header.
- WCAG 2.2
- A
- #structure
Accessible main
Use semantic HTML for main.
- WCAG 2.2
- A
- #structure
Accessible navigation
Use semantic HTML for navigation.
- WCAG 2.2
- A
- #navigation
- #layout
Colors of interactive states
Define colors for states with sufficient contrast.
- WCAG 2.2
- AA
- #colors
Declare mid page language changes
Ensure that icon buttons are accessible for screenreader and other assistive technologies.
- WCAG 2.2
- A
- #language
Document language
Declare the language of your page
- WCAG 2.2
- A
- #document
- #language
Reconsider using flags to indicate language
- WCAG 2.2
- A
- #language
Offer a "skip to main content" link
- WCAG 2.2
- A
- #structure
Support document zoom
Ensure that users can zoom in.
- WCAG 2.2
- AA
- #document
Provide a unique page title
Give users orientation with a unique page title
- WCAG 2.2
- A
- #document
Use landmarks
Structure your page with landmarks
- WCAG 2.2
- A
- #document
- #structure

Available techniques: