46 lines
1.7 KiB
Markdown
46 lines
1.7 KiB
Markdown
[Back to 2 Operable index](index.md)
|
|
|
|
# 2.5.5 Target Size (Enhanced)
|
|
|
|
- Level: AAA
|
|
- Guideline: 2.5 Input Modalities
|
|
- Principle: 2 Operable
|
|
|
|
## What it is
|
|
|
|
The size of the target for pointer inputs is at least 44 by 44 CSS pixels except when:
|
|
|
|
- **Equivalent:** The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;
|
|
- **Inline:** The target is in a sentence or block of text;
|
|
- **User Agent Control:** The size of the target is determined by the user agent and is not modified by the author;
|
|
- **Essential:** A particular presentation of the target is essential to the information being conveyed.
|
|
|
|
## How to test
|
|
|
|
- Check: The target is available through an equivalent link or control on the same page that is at least 44 by 44 CSS pixels;
|
|
- Check: The target is in a sentence or block of text;
|
|
- Check: The size of the target is determined by the user agent and is not modified by the author;
|
|
- Check: A particular presentation of the target is essential to the information being conveyed.
|
|
- Use the sufficient techniques below as acceptable methods when applicable.
|
|
- Confirm none of the common failures apply.
|
|
|
|
## Sufficient techniques (W3C)
|
|
|
|
- Ensuring that targets are at least 44 by 44 CSS pixels
|
|
|
|
## Advisory techniques (W3C)
|
|
|
|
- Ensuring inline links provide sufficiently large activation target
|
|
|
|
## Common failures (W3C)
|
|
|
|
- Failure of Success Criterion 2.5.5 due to target being less than 44 by 44 CSS pixels
|
|
|
|
## Resources
|
|
|
|
- WCAG 2.2 SC: https://www.w3.org/TR/WCAG22/#target-size-enhanced
|
|
- Understanding: https://www.w3.org/WAI/WCAG22/Understanding/target-size-enhanced.html
|
|
- Quick reference: https://www.w3.org/WAI/WCAG22/quickref/?versions=2.2#target-size-enhanced
|
|
|
|
[Back to 2 Operable index](index.md)
|