Tap area for focusing element during voice over is not correct

I have two overlay views on each side of a horizontal scroll. The overlay views are helper arrow buttons that can be used to scroll quickly. This issue occurs when I use either ZStack or .overlay modifier for layout. I am using accessibilitySortPriority modifier to maintain this reading order.

  1. Left Overlay View
  2. Horizontal Scroll Items
  3. Right Overlay View

When voiceover is on and i do a single tap on views, the focus shifts to particular view as expected. But for the trailing overlay view, the focus does not shift to it as expected. Instead, the focus goes to the scroll item behind it.

Tap area for focusing element during voice over is not correct
 
 
Q