Accessible Design Cheat Sheet
The go-to reference sheet for WCAG rules when designing and developing online content.
Button Target Size
How big does a button need to be in order to be accessible?
24 x 24
The size should be at least 24 by 24 pixels, except when:
- Spacing: target offset is at least 24px to every adjacent target
- Inline: target is in a sentence or block of text
- Legal: a particular presentation of the target is legally required
- Essential: a particular presentation of the target is essential to the information being conveyed
44 x 44
The size should be at least 44 by 44 pixels except when:
- Equivalent: target is available through an equivalent link or control on the same page that is at least 44 x 44
- Inline: target is in a sentence or block of text
- User Control: size of the target is determined by the end user
- Essential: a particular presentation of the target is essential to the information being conveyed