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 button
, header
, link
and image
, among others.