I have created an Overlapping layout of avatars wi...

# compose

[Utkarsh Tiwari]

I have created an Overlapping layout of avatars with custom measurement policy. I did this to handle dynamic text.
The problem is that in talkback mode, I can’t get it to focus on each avatar one by one. For someone reason it merges all it’s children into one and speaks out their individual ContentDescritptions in on breath.
What I want is to allow user to swipe and navigate to each individual avatar in the group so as to announce their contentDescription only when focused. Does anyone know how can I achieve this behavior?

I am attaching a demo video of how talkback is currently behaving with my overlapping layout of avatars.

talkback new behavior.mp4

[Utkarsh Tiwari]

Here is the code of this layout:
https://gist.github.com/iamutkarshtiwari/b8c0b051c561f5299facf1b08284f652

[Csaba Szugyiczki]

You explicitly tell Talkback to read the ContentDescription of every element at once within your OverlappingRow with this modifier: modifier.semantics(mergeDescendants = true)

[Csaba Szugyiczki]

try removing it

[Utkarsh Tiwari]

Thank you @Csaba Szugyiczki for the suggestion. I was able to achieve it by apply following modifier to each inner avatar to make them focusable:

Modifier.semantics { focused = true }

This way I can now move the focus of talkback over each individual avatar, one-by-one.