Success criterion 3.1.1 Language of Page
Level Level A, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS WORDING
Each page must have a <html lang=""> attribute that matches the main language of the page.
This resource is designed for anyone eager to master digital accessibility. Explore WCAG success criteria through clear, easy-to-understand descriptions. We owe a special "hat tip" to Johannes Lehner’s WCAG Card Deck, which served as the inspiration for this project.
We plan to expand this library over time, so please check back regularly for updates.
21 success criteria found for Understandable principle
Level Level A, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS WORDING
Each page must have a <html lang=""> attribute that matches the main language of the page.
Level Level A, WCAG principle: Understandable
Assigned to the following themes: KEYBOARD
No unexpected changes must happen when an element receives focus (like open a popup, move focus, submit a form).
Level Level A, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS FORMS KEYBOARD
No unexpected changes must happen when a field value changes (like auto-submit, reload, open new page).
Level Level A, WCAG principle: Understandable
Assigned to the following themes: WHOLE SITE
Help options (like contact link, support widget) must appear in the same place across pages.
Level Level A, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Errors and validation must be clearly identified and described in text, not just visually (like color or highlighting).
Level Level A, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS FORMS
Form fields must have clear labels or instructions to avoid confusion and help complete the input correctly.
Level Level A, WCAG principle: Understandable
Assigned to the following themes: FORMS
Don't ask for the same information twice in the same process.
Provide pre-filled fields or selection options if the information was already given.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: CODE AND LABELS WORDING
Any parts of the content in a different language must be marked with the correct lang attribute.
Expressions borrowed from another language (like "déjà vu" in English) do not need this, unless pronunciation or understanding would be affected.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: WHOLE SITE
Navigation elements (like menus, links, search) must appear in the same place and order across pages.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: WHOLE SITE
Elements with the same function must look, behave, and be labeled the same way across pages.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Errors and validation messages must show text that:
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Important forms like a legal agreement or submitting financial information offer the opportunity to check the information entered before sending.
Level Level AA, WCAG principle: Understandable
Assigned to the following themes: FORMS
Authentication must not rely on memory alone.
Allow copy-paste, password managers, or other options (like email verification).
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: WORDING
Unusual terms, jargon, or figurative language should be:
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: WORDING
Abbreviations and acronyms should be:
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: WORDING
If content requires reading skills above lower secondary education (around 9th grade), provide:
to help with understanding.
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: WORDING
If a word can be pronounced in different ways with different meanings, the intended meaning must be clarified to avoid confusion or ambiguity.
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: FORMS KEYBOARD
Major changes (like open dialog, navigate, submit) must only happen when explicitly requested.
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Provide additional help (like text instructions, help links, or tooltips) when label alone might be ambiguous or confusing.
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: FORMS WORDING
Before submitting, all forms must allow:
Level Level AAA, WCAG principle: Understandable
Assigned to the following themes: FORMS
Authentication must not rely on memory or recognition (like solving puzzles, remembering images, or using CAPTCHAs).