ampproject / ampproject/amphtml
[Story interactive] Touch target size
- Dominant language
- JavaScript
- Stars
- 14.9k
- Forks
- 4.1k
- PR merge metrics
- No merged PRs in 30d
Description
### Description
Touch targets should be [at least 48 x 48 px](https://material.io/develop/web/supporting/touch-target) even in they appear smaller on screen.
Currently the element's touch target has no minimum which makes it harder to interact with on mobile devices.

We need to consider this while maintaining the responsive design.
This needs to apply to the thumb and track.
### Alternatives Considered
N / A
### Additional Context
_No response_
Contributor guide
Research direction
Start by locating the Story interactive component's thumb and track implementation, then inspect how its responsive sizing is applied. The work is done when both touch targets provide at least 48 x 48 px without breaking the responsive design; verify the result on mobile-sized layouts.
Written by the indexing model from the issue text.
Assessment
- Tech stack
- javascript
- Domain
- accessibility, frontend
- Issue type
- Bug
- Difficulty
- 3/5
- Estimated time
- 1-2 days
- Activity status
- Stale
- Clarity
- Mostly clear
- Newbie friendliness
- 35/100