| title | date | lastmod | draft | summary | authors | |
|---|---|---|---|---|---|---|
2.6.1 - Touch Target Size and Spacing |
2023-06-02 |
2023-06-02 |
false |
Make sure that touch targets are big enough and have enough distance from each other. |
|
It should be easy to interact with all the touchable items in screen.
Please note this guideline provides informative guidance, but does not set requirements.
- Ensuring that touch targets are at least 9 mm high by 9 mm wide.
- Ensuring that touch targets close to the minimum size are surrounded by a small amount of inactive space.
Note: This size is not dependent on the screen size, device or resolution. Screen magnification should not need to be used to obtain this size, because magnifying the screen often introduces the need to pan horizontally as well as vertically, which can decrease usability.
- Small clickable texts (similar to how links look & feel in web).
- (TODO: Add more examples)
Many people have difficulty focusing on small touch targets on the screen. This could be because their fingers are large, or because they have a medical condition that impairs their motor skills. Small touch targets also make it harder for screen reader users to navigate apps using explore by touch.
3.3 Touch Target Size and Spacing: The high resolution of mobile devices means that many interactive elements can be shown together on a small screen. But these elements must be big enough and have enough distance from each other so that users can safely target them by touch.
See the W3C's detailed explanation of this guideline.
This section needs some ❤️
[Contribute via Github](https://github.com/web-accessibility-io/web-accessibility.io)
This section needs some ❤️
[Contribute via Github](https://github.com/web-accessibility-io/web-accessibility.io)