Skip to main content
Logo Appt Light

Accessibility modal on React Native

A modal overlays the screen with additional content. Modals are usually indicated visually, e.g. by throwing a shadow on the content below it. Users of assistive technologies also need to know when content is part of a modal.

With React Native, you can use the accessibilityViewIsModal prop to mark an accessibility modal. This prop only works on iOS.

<Modal accessibilityViewIsModal={true}>
    <Text>Appt</Text>
</Modal>

Feedback?

Let us know!