Keyboard
Keyboard
Topic | Technique | WCAG AA Requirement | |
---|---|---|---|
Keyboard | Focusable with Tab Key: Links, buttons, and interactive controls MUST be keyboard-focusable. | ||
Logical Tab Order: The navigation order of focusable elements MUST be logical and intuitive. | |||
No Positive tabindex Values: tabindex of positive values SHOULD NOT be used. | |||
Visual Focus Indicator: All focusable elements MUST have a visual focus indicator when in focus. | |||
Enhanced Visual Focus Indicator: Focusable elements SHOULD have enhanced visual focus indicator styles. | |||
Color Contrast of Visual Focus Indicator: The contrast of all large visual focus indicators (at least 3px by 3px) against the background) SHOULD be at least 3 to 1. | |||
Keyboard Functionality: Functionality MUST be available using the keyboard, unless the functionality cannot be accomplished in any known way using a keyboard. | |||
Keyboard Traps: Keyboard focus MUST NOT be locked or trapped in a particular page element and the user MUST be able to navigate to and from all navigable page elements using only a keyboard. | |||
Focus Management | Set Keyboard Focus: The focus MUST be purposely moved or set (via JavaScript) onto the appropriate element when the user's action requires a change of context or location for effective keyboard or touch interaction. | ||
No Lost Focus: The focus MUST NOT become lost or reset to the top of the page, except when loading or re-loading a page. | |||
Keyboard Instructions: | |||
Keyboard Shortcuts | |||
Mouse | |||
Voice | |||
Keyboard Navigation |
Keyboard Navigation:Functionality MUST be available using the keyboard, unless the functionality cannot be accomplished in any known way using a keyboard. No Keyboard Trap:Keyboard focus MUST NOT be locked or trapped in a particular page element and the user MUST be able to navigate to and from all navigable page elements using only a keyboard |
Required WCAG 2.1.1 WCAG 2.1.2 |
|
Visible Focus Indicator |
Visible Focus Indicator: All focusable elements MUST have a visual focus indicator when in focus. |
Required WCAG 2.4.7 |