Overview
A button that's easy to click with a precise mouse pointer can be genuinely hard to tap accurately with a finger, or for someone with a tremor or limited fine motor control. Rise courses are commonly viewed on phones and tablets, which makes this a real, everyday issue, not a rare edge case. This is especially common with small icon-only navigation controls sitting close together.
Step-by-step instructions
- 1
Open the Button block or interactive element that looks small or crowded.
- 2
Check its size, a comfortable minimum tap target is roughly 24 by 24 pixels, larger is better for primary actions like Continue.
- 3
Increase the button's size if it's genuinely too small.
- 4
If the size is fine but it sits too close to a neighboring control, add spacing between them instead.
- 5
Preview the lesson on an actual phone if you can, not just at desktop width, spacing problems are far more obvious on a touchscreen.
Screenshots
Tips
- Primary actions the learner uses constantly, Continue, Submit, Next, deserve extra size and breathing room since they get tapped the most.
- Rise's default block spacing is usually generous, this issue mainly shows up with custom interactive blocks or dense multiple-choice layouts.
- Test on mobile early, not just at the end, since Rise courses are frequently completed on a phone.
Common mistakes
- Custom interactive blocks sized for visual style rather than comfortable tapping.
- Several answer choices or navigation controls placed edge to edge with no gap between them.
- Only testing on a desktop browser at full width, never on an actual phone screen.
Why it matters
Learners with limited mobility, or anyone on a phone or tablet, can struggle to tap a small target accurately.
Review your course before you publish it.
A11yCheck reviews Storyline and Rise courses for:
- Accessibility
- Course Quality
- Course Engagement
www.a11ycheck-dev.com
More Rise 360 guides
Unclear Button or Link Label→
Give this control a clear, specific accessible name.
Low Colour Contrast→
Increase the contrast between this text and its background.
Heading Not Set Up Correctly→
Use a real Heading block instead of styling regular text to look like one.
Not Reachable by Keyboard→
Make sure this control can be reached and operated without a mouse.