Copy of Snippet "Ensure touch focus areas for active elements do not overlap"

8 Severity
{note}Insert any note that will not show up in the insert here
Try to add if else for new issue vs existing issue.
Insert BP for Ref Here

Touch target sizes across the app are smaller than 48dp recommended. Some targets overlap. Any on-screen element that someone can click, touch, or otherwise interact with should be large enough for reliable interaction. Consider making sure these elements have a width and height of at least 48dp

[User Impact]
When touch areas of controls overlap each other users of assistive technologies may unable to directly access a control by touch or activate the wrong control when navigating logically.
[Code Reference]
{formparagraph: name=Code Ref;default=N/A}
{key:tab; trim=yes}
Developers should ensure that the accessible focus area is limited to the physical area used by the control on screen and it does not cover other controls. Controls that are layered must have their focus areas modified to ensure that an upper layer control does not capture accessible gestures intended for a control at a lower layer. Simple gestures such as taps are sent to the center point of a control's accessible focus area.
When implementing clickable or touchable elements in a layout, consider using dimensions that meet or exceed the recommended size for touch targets.

[Compliant Code Example]

[Compliant Code Example]
{formparagraph: name=Code Ref;default=N/A}

Compliant Example
// A text label whose focus area is confined to the screen area used by the text.
Non-Compliant Example
// A text label whose focus area completely covers an adjacent button.

[Recommended Reading]
{key:tab; trim=yes}
{key:tab; trim=yes}
{key:tab; trim=yes}
{formtext: name=Alt Text;default=Insert alt text here}