Quick answer
Closely packed controls can cause accidental taps, especially on phones or for people with limited dexterity. Review both the clickable area and the space between controls, not only the icon’s visible size.
Before you begin
Identify repeated problem areas such as pagination, icon toolbars, close buttons, and adjacent form actions. Use real mobile interaction where possible and record the page width.
What to do
- Inspect the active hit area of each control. A small icon can sit inside a larger button, but the larger area must actually respond to the intended action.
- Increase size or spacing where controls compete. Allow labels to wrap or the action group to move onto another line rather than forcing buttons to touch.
- Check that expanded hit areas do not overlap neighboring actions. A visual gap alone is insufficient if invisible clickable regions still conflict.
- Retain clear labels and visible focus for keyboard users. Make primary and secondary actions distinguishable without relying only on color.
- Test narrow screens, enlarged text, and relevant disabled or loading states. Ensure important controls remain reachable with the on-screen keyboard visible.
How to check the result
Visitors should be able to activate one action without triggering its neighbor. WCAG target-size requirements include context and exceptions; a preferred design size is not by itself a full accessibility conformance verdict.
If you need help
Send a screenshot, affected labels, and device details when reporting a problem. For destructive or consequential actions, also review confirmation and recovery behavior so an accidental tap does not become an irreversible mistake.
Related help
- Review form labels, instructions, and error messages
- Check keyboard navigation and visible focus on your website
- Check website layouts on phones, tablets, and computers
Official references
Reviewed October 31, 2026. Interfaces, vendor availability, and account features can change. Check your current account before making changes.
