Skip to main content
Logo Appt Light

Accessibility state on React Native

An accessibility state helps users of assistive technologies to understand the state of elements on the screen. The state selected for example, indicates that an element has been selected. The screen reader announces the state of elements as it reads the screen. It is important to assign correct states of elements to avoid misunderstanding.

In React Native you can use the accessibilityState prop to set the accessibility state of an element. Available roles include disabledselectedcheckedbusy and expanded, among others.

<Pressable 
  accessibilityState="disabled|selected|checked|busy|expanded" />

Feedback?

Let us know!