accessibility:common_issues:keyboard
Differences
This shows you the differences between two versions of the page.
Next revision | Previous revision | ||
accessibility:common_issues:keyboard [2023/07/10 16:48] – created scl | accessibility:common_issues:keyboard [2024/01/24 10:53] (current) – [References] aria-keyshortcuts scl | ||
---|---|---|---|
Line 13: | Line 13: | ||
Sighted people using keyboards for navigation need to see which page element has focus. Most native HTML controls have focus indicators; it’s important to avoid turning these off. Custom components may need to have focus styles set explicitly. The focus color should have a 3:1 contrast ratio with the background (using the [[https:// | Sighted people using keyboards for navigation need to see which page element has focus. Most native HTML controls have focus indicators; it’s important to avoid turning these off. Custom components may need to have focus styles set explicitly. The focus color should have a 3:1 contrast ratio with the background (using the [[https:// | ||
- | In CSS, `:focus` will create an outline that is visible when an element has focus via keyboard navigation and mouse clicks, while [[`: | + | In CSS, `:focus` will create an outline that is visible when an element has focus via keyboard navigation and mouse clicks, while [[https:// |
In modal windows, [[https:// | In modal windows, [[https:// | ||
Line 22: | Line 22: | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// | ||
* [[https:// | * [[https:// | ||
* [[https:// | * [[https:// | ||
+ | * [[https:// |
accessibility/common_issues/keyboard.1689022094.txt.gz · Last modified: 2023/07/10 16:48 by scl