Success criterion 2.1.1 Keyboard
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
All functionality must be operable using a keyboard alone, unless the task requires freehand input (e.g. drawing).
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.
33 success criteria found for Level A, AA, AAA and Operable principle and
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
All functionality must be operable using a keyboard alone, unless the task requires freehand input (e.g. drawing).
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
It must always be possible to move focus into and out of any component using a keyboard alone (e.g. [tab], [shift]+[tab], [enter], [esc]), without getting stuck.
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
Keyboard shortcuts should use modifier keys like [ctrl], [cmd], or [alt/option]. If single-key shortcuts are used (e.g. 'S' for save), it must be possible to:
Level Level A, WCAG principle: Operable
Assigned to the following themes: FORMS SENSORY
Time limits must be avoided unless essential for the task (e.g. exams, auctions). If time limits are used, it must be possible to:
Level Level A, WCAG principle: Operable
Assigned to the following themes: SENSORY
If content moves, scrolls, blinks, or updates automatically for more than 5 seconds, it must be possible to:
Level Level A, WCAG principle: Operable
Assigned to the following themes: SENSORY
Content must not flash, blink, or flicker more than three times per second, unless it stays within safety limits designed to avoid visual overload and reduce the risk of seizures.
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
It must be possible to skip repeated blocks of content (e.g. navigation, header) and jump directly to the main part of the page.
Level Level A, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS WHOLE SITE WORDING
Each page must have a unique and descriptive <title> that reflects its topic or purpose.
Level Level A, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
Focus must follow a logical and meaningful order that preserves relationships and matches how the page is naturally read, regardless of layout or language direction.
Level Level A, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS WORDING
The purpose of each link must be clear from:
Level Level A, WCAG principle: Operable
Assigned to the following themes: GESTURES
Actions that rely on gestures (like swiping or pinching) must also be possible using a single tap, click, or button.
Level Level A, WCAG principle: Operable
Assigned to the following themes: GESTURES
Actions must not trigger on press or touch down. They must only trigger on release (like mouse-up or finger lift).
Level Level A, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS FORMS
The visible text of a button, link, or form field must also be part of its accessible (programmatic) name.
Level Level A, WCAG principle: Operable
Assigned to the following themes: GESTURES
If an action can be triggered by motion (like shaking or tilting the device), it must also:
Level Level AA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
When an element receives focus, it must be at least partially visible.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: WHOLE SITE
At least two different ways must be available to find pages or content (e.g. navigation menus, on-page links, site search, or a sitemap).
Level Level AA, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS WORDING
Headings must describe what follows.
Labels and buttons must clearly communicate what information is needed or what action will happen.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD SENSORY
A visible indicator must show which element is currently focused when navigating with a keyboard.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: GESTURES
Actions that require dragging (like reordering) must also be possible using buttons or another method that does not require dragging.
Level Level AA, WCAG principle: Operable
Assigned to the following themes: GESTURES
Targets must be at least 24×24px, unless they are:
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
All functionality must be operable using a keyboard alone (no exception, not even for tasks involving gestures like drag-and-drop or pointer-based interaction).
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: FORMS SENSORY
Content must not include time limits for reading or interaction, unless it's part of a live event or time-based activity (e.g. auctions, broadcasts).
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: SENSORY
Interruptions (like pop-ups, alerts, or notifications) must be able to be:
except in emergencies (e.g. critical system warnings).
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: FORMS
If a logged-in session expires mid-way through a task, any data entered after expiry is kept, so that they don’t have to re-enter it when they log in again.
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: FORMS
A warning is shown if a logged-in session is about to expire.
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: SENSORY
Content must not flash, blink, or flicker more than three times per second (no exception, not even if it meets safety thresholds).
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: SENSORY
Animations triggered by interaction (e.g. on click, hover, tap) must be possible to:
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS
Related content must be organized into clear sections using headings.
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: KEYBOARD
When an element receives focus, it must be fully visible and not covered by other content.
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: WHOLE SITE
It must be clear where you are within a set of pages (e.g. using breadcrumbs, highlighted menu items, or headings).
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: CODE AND LABELS WORDING
The purpose of each link must be clear:
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: GESTURES
Targets for touch or mouse must be at least 44×44px, unless they are:
Level Level AAA, WCAG principle: Operable
Assigned to the following themes: GESTURES KEYBOARD
It must be possible to switch between input types (mouse, keyboard, touch, voice) without losing access to any functionality.