See the Accessibility guide for more information. Image button has the same functionality as if the trait was set to both 'image' and 'button'. On iOS, these roles map to corresponding Accessibility Traits. Tells the screen reader to treat the currently focused on element as having a specific role. By default, the label is constructed by traversing all the children and accumulating all the Text nodes separated by space. Overrides the text that's read by the screen reader when the user interacts with the element. See the iOS accessibilityLanguage doc for more information. It should follow the BCP 47 specification. TypeĪ value indicating which language should be used by the screen reader when the user interacts with the element. The style inheritance is only encoded inside of the native Text component and doesn't leak to other components or the system itself.Īn accessibility hint helps users understand what will happen when they perform an action on the accessibility element when that result is not clear from the accessibility label.

We do not need to have a fontFamily field on every single element, and we do not need to potentially traverse the tree up to the root every time we display a text node. (Implementor) The implementation of React Native is also simplified. Text properties that could inherit from outside of the props would break this isolation.

(Developer) React components are designed with strong isolation in mind: You should be able to drop a component anywhere in your application, trusting that as long as the props are the same, it will look and behave the same way. We believe that this more constrained way to style text will yield better apps:

Css text styles