How do i make the children of this box to be readable by a screen reader if they are wrapped in a cl...

# compose

[Alex Styl]

How do i make the children of this box to be readable by a screen reader if they are wrapped in a clickable composable?

Whenever i put the clickable{} modifier to the parent, i can no longer focus on the text with a screen reader

acc_block.mov

[Alex Styl]

Code:

Box(Modifier.fillMaxSize()
        .clickable(
            interactionSource = MutableInteractionSource(),
            indication = null,
            enabled = false
        ) {

        }
        ,
        contentAlignment = Alignment.Center) {
            Column {
                BasicText("1")
                BasicText("2")
                BasicText("3")
            }
    }

[Alex Styl]

I found out something that works for my usecase. I replaced 'clickable' with detecting a tap:

Modifier.pointerInput(Unit){
    detectTapGestures{
        // on tap
    }
}

and it works as expected now. still investigating if that breaks anything in terms of accessibility. will report back if i find any issues.