Как сделать TouchableHightLight (флажок) в React Native Accessibility?

Я работаю над доступностью приложения для iOS.

Я использую TouchableHightLight для флажков.

Мне нужно средство чтения с экрана ios, VoiceOver, чтобы знать, как объявить пользователю, если флажок установлен или снят.

<View style={styles.rememberMeContainer}>
    <TouchableHighlight
        underlayColor="transparent"
        accessibilityLabel={props.rememberMeText}
        accessible={true}
        style={styles.rememberMeCheckBox}
        onPress={() => {props.setRememberMe(!props.rememberMe)}}>
        <Image style={styles.checkBoxImage}
               source={props.rememberMe ?
                    require("../../../images/general/v_icon_purple.png") : null}/>
    </TouchableHighlight>
    <Text accessible={false} style={styles.rememberMeCheckBoxlabelStyle}>
        {props.rememberMeText}
    </Text>
</View>)

Я прочитал: https://facebook.github.io/react-native/docs/accessibility.html , но я ничего об этом не нашел или что-то пропустил.

Как я могу сделать это доступным?


person Moran    schedule 22.11.2017    source источник


Ответы (2)


В настоящее время (0.59) React Native не поддерживает switch или checkbox для accessibilityRole.

Но есть открытое PR, добавляющее поддержку для этого. https://github.com/facebook/react-native/pull/24095

Надеюсь, он появится в версии 0.60.

person Estevão Lucas    schedule 03.04.2019

person    schedule
comment
было бы полезно, если бы вы могли добавить объяснение к своему ответу. - person Anantha Raju C; 10.04.2019