Skip to main content
Logo Appt Light

Accessibility role on React Native

An accessibility role helps users of assistive technologies to understand the purpose of elements on the screen. The role button for example, indicates that an action will be performed on activation. The screen reader announces the role of elements as it reads the screen. It is important to assign correct roles to elements to avoid misunderstanding.

In React Native you can use the accessibilityRole prop to set the accessibility role of an element. Available roles include buttonheaderlink and image, among others.

<Pressable 
  accessibilityRole="button|header|link|image" />

Feedback?

Let us know!