Digital Accessibility Knowledge Base

colliding-controls

Ensure that the tappable areas are not overlapped with other elements that block the tap event.

Who might be affected
Motor/Mobility
Low Vision

Description

When interactable elements are overlapping, users might not be able to interact with them. Also, some assistive technologies might not be able to clearly represent the actionable objects to users.

Quick Fixes

Ensure that the boundaries of adjacent interactable elements do not overlap each other so that the user interaction is not blocked.

Also, make sure that the spacing is sufficient between interactable elements. For more information see the tappable-area entry.

How Users Are Affected

User interaction might be blocked or result in unpredictable outcomes.

WCAG Success criteria

This issue might cause elements to fail one or more of the following Success criteria:
1.3.1 Info and Relationships (A) | 2.5.8 Target Size (Minimum) (AA)

Understanding Success Criterion 2.5.8: Target Size (Minimum)