Skip to content

Latest commit

 

History

History
43 lines (31 loc) · 1.56 KB

has-valid-accessibility-state.md

File metadata and controls

43 lines (31 loc) · 1.56 KB
Raw

has-valid-accessibility-state

Describes the current state of a component to the user of an assistive technology.

accessibilityState is an object. It contains the following fields:

NAME TYPE REQUIRED
disabled boolean No
selected boolean No
checked boolean or 'mixed' No
busy boolean No
expanded boolean No

References

  1. React Native Docs - accessibilityState (iOS, Android)

Rule details

This rule takes no arguments.

Succeed

<TouchableOpacity accessibilityState={{ disabled: true }} />
<TouchableOpacity accessibilityState={{ checked: true }} />
<TouchableOpacity accessibilityState={{ checked: "mixed" }} />
<TouchableOpacity accessibilityState={{ disabled: true, checked: true }} />

Fail

<TouchableOpacity accessibilityState="disabled" />
<TouchableOpacity accessibilityState={["disabled"]} />
<TouchableOpacity accessibilityState={{ disabled: "yes" }} />
<TouchableOpacity accessibilityState={{ checked: "yes" }} />
<TouchableOpacity accessibilityState={{ foo: true }} />
<TouchableOpacity accessibilityState={{ foo: "yes" }} />

Note: This plugin previously defined a rule with this name which is now has-valid-accessibility-states (see #42). React Native v0.61 introduced a new accessibilityState prop (see commit) -- which is now covered by this rule.