HiddenForAccessibility removes all of its children from the accessibility tree.
This can be used to improve the experience for assistive technology users by
hiding purely decorative content, duplicated content and offscreen or collapsed content.
```ts?title: "JS"
import {extend, HiddenForAccessibility} from '@shopify/post-purchase-ui-extensions';
extend('Checkout::PostPurchase::Render', (root) => {
const hiddenForA11y = root.createComponent(
HiddenForAccessibility,
undefined,
'Purely decorative content',
);
root.appendChild(hiddenForA11y);
});
```
```tsx?title: "React"
import {
render,
HiddenForAccessibility,
} from '@shopify/post-purchase-ui-extensions-react';
render('Checkout::PostPurchase::Render', () => );
function App() {
return (
Purely decorative content
);
}
```