Hello to everyone.

This is my first question ever, and I know it could be a little tricky, but I'll try.

I'm currently working on an accessible web app, and I wanted to build a "Direct touch area", just like some native apps for iOS, in which the accessibility assistant is disabled, when the user is focused on it.
I'm using HTML, Javascript and CSS in frontend developing.

When the accessibility tools (TalkBack for Android, VoiceOver for iOS) are switched on, if you touch the screen with one finger, you cannot interact with the DOM, because you are into an "explore by touch" mode.
I'd need to bypass this particular behaviour, but just for a precise area.

I struggled a lot with various ARIA attributes, roles, etc, but didn't find a way yet.
For istance, there's an HTML attribute named aria-disabled (true|false), which makes the screen reader simply ignore the area content, so it's not useful in my case.
Something similar happens with "aria-hidden" attribute.

Perhaps someone has already encountered this problem and solved it, somehow?

Any help would be veeeery appreciated!