Target Size (Enhanced)
Summary:
WCAG 2.5.5, "Target Size (Enhanced)," is designed to ensure that interactive elements on websites and apps are large enough to be easily activated, particularly beneficial for users with motor impairments or limited dexterity.
What:
This guideline stipulates that targets for pointer inputs, like buttons or links, should have a minimum size, making them easier to activate without precise actions.
Why:
A larger target size reduces the chance of errors for users with motor impairments, those using touch screens, and anyone who might struggle with small touchpoints.
Examples and Scenarios:
- Buttons on Forms: Ensure buttons are large enough to be tapped easily.
- Clickable Icons: Icons in a navigation menu should be of sufficient size for easy clicking.
- Link Spacing: Provide ample space around links in text to avoid accidental activation of adjacent links.
How to Comply:
- Websites and Apps: Design interactive elements with a minimum target size of 44x44 CSS pixels, providing adequate space around them.
Exceptions:
- Inline Links in Text: Where links are within a sentence or block of text.
- Equivalent Controls: If an equivalent control is available on the same page that meets the size requirement.
- Platform Conventions: Adhering to platform-specific user interface conventions that don't support this target size.