hossein-zare / react-native-dropdown-picker

A single / multiple, categorizable, customizable, localizable and searchable item picker (drop-down) component for react native which supports both Android & iOS.
https://hossein-zare.github.io/react-native-dropdown-picker-website/
MIT License
969 stars 294 forks source link

Accessibility Issues #757

Open avnerarbel1 opened 2 weeks ago

avnerarbel1 commented 2 weeks ago

The DropDownPicker has several accessibility issues. When in VoiceOver mode, the element should declare its role and state.

Level A - 1.3.1 Info and Relationships -

An easy fix - add role and state to the dropdown: <TouchableOpacity accessibilityRole='combobox' accessibilityState={{expanded: open}} style={_style} onPress={__onPress} onLayout={__onLayout} {...props} ref={onRef} pointerEvents={pointerEvents} disabled={disabled} testID={testID}>

In addition, the accessibility properties should be exported: accessible accessibilityRole accessibilityState accessibilityLabel