2.5.8 Target Size – Minimum (Level AA)
Table of contents
All interactive targets should take up at least 24×24 CSS pixels of space. This can include white space around the target.
What you need to know
- Ensuring that targets are big enough and that there’s sufficient space between them makes it less likely that a user will accidentally activate the wrong control.
- Meeting this success criterion will make your website more accessible for people who may have difficulty with fine motor control movements and even people with large fingers.
- There are several exceptions to the 24×24 CSS pixels of space requirement. For example, if the offset of the spacing is at least 24 CSS pixels, then a target can be smaller than 24×24.
What you need to do
- Ensure that these spacing requirements are met without the use of any assistive technologies. For example, the target size requirement must be met without using the zoom feature.
- If you want to meet the AAA standard for this success criteria, make sure that targets are 44×44 CSS pixels. This will help many more people, including those using your website in unstable environments, like riding a bus, and those who may use only one hand to navigate.
Related Posts
1.3.1 Info and Relationships (Level A)
Structure your website so that content is read by a screen reader in the same way it's presented visually.
1.3.2 Meaningful Sequence (Level A)
Structure your website so that your content is presented in a logical order.
1.4.4 Resize Text (Level AA)
All text on your website should be able to be resized up to 200% without any loss of content or functionality on your website.