Accessibility

`isHiddenFromAccessibility`

function isHiddenFromAccessibility(element: HostElement | null): boolean {}

Also available as isInaccessible() alias for React Testing Library compatibility.

Checks if given element is hidden from assistive technology, e.g. screen readers.

Note

Like isInaccessible function from DOM Testing Library this function considers both accessibility elements and presentational elements (regular Views) to be accessible, unless they are hidden in terms of host platform.

This covers only part of ARIA notion of Accessibility Tree, as ARIA excludes both hidden and presentational elements from the Accessibility Tree.

For the scope of this function, element is inaccessible when it, or any of its ancestors, meets any of the following conditions:

it has display: none style
it has aria-hidden prop set to true
it has accessibilityElementsHidden prop set to true
it has importantForAccessibility prop set to no-hide-descendants
it has sibling host element with either aria-modal or accessibilityViewIsModal prop set to true

Specifying accessible={false}, role="none", accessibilityRole="none", or importantForAccessibility="no" props does not cause the element to become inaccessible.

Need React or React Native expertise you can count on?

Let's talk

#Accessibility

#isHiddenFromAccessibility

Need React or React Native expertise you can count on?

Accessibility

`isHiddenFromAccessibility`