ZupIT/beagle

[iOS] Touchable component inside scroll produces accessibility inconsistency

Closed this issue · 0 comments

Description

When we use some touchable component inside a scroll component, the VoiceOver reproduce the "Actions Available" or "Ações disponíveis" even without actions.

Steps To Reproduce

  1. Add the component below in your bff:
private fun createScrollBug(): Container {
        return Container(
            children = listOf(
                ScrollView(
                    scrollDirection = ScrollAxis.HORIZONTAL,
                    children = listOf(
                        ItiTouchableWidget(
                            Touchable(
                                onPress = listOf(
                                    Alert(
                                        title = "Image",
                                        message = "Clicked on Message"
                                    )
                                ),
                                child = Container(
                                    children = listOf(
                                        Text(
                                            "Some text here"
                                        ).setAccessibility {
                                            accessible = false
                                        }
                                    )
                                ).setAccessibility {
                                    accessibilityLabel = "Some description here"
                                    accessible = true
                                }
                            )
                        )
                    )
                )
            )
        )
    }
  1. Enable Accessibility with VoiceOver in your screen

Bug Video

Video_20210922_062411.MOV

Expected Results

If we don't configure actions the "Actions Available" shouldn't to be talked.