Skip to main content

Accessibility

Build inclusive apps with the React Native accessibility props exposed by PhoneInput.

Custom accessibility props available

PropDescription
accessibilityLabelPhoneInputAccessibility label for the phone input
accessibilityHintPhoneInputAccessibility hint for the phone input
accessibilityLabelCountriesButtonAccessibility label for the countries button to open modal
accessibilityHintCountriesButtonAccessibility hint for the countries button to open modal
accessibilityLabelBackdropAccessibility label for the backdrop
accessibilityHintBackdropAccessibility hint for the backdrop
accessibilityLabelCloseButtonAccessibility label for the close button
accessibilityHintCloseButtonAccessibility hint for the close button
accessibilityLabelSearchInputAccessibility label for the search input
accessibilityHintSearchInputAccessibility hint for the search input
accessibilityLabelCountriesListAccessibility label for the countries list
accessibilityHintCountriesListAccessibility hint for the countries list
accessibilityLabelCountryItemAccessibility label for individual country items
accessibilityHintCountryItemAccessibility hint for individual country items
accessibilityLabelAlphabetFilterAccessibility label for the alphabet filter list
accessibilityHintAlphabetFilterAccessibility hint for the alphabet filter list
accessibilityLabelAlphabetLetterAccessibility label for individual alphabet filter letters
accessibilityHintAlphabetLetterAccessibility hint for individual alphabet filter letters