diff --git a/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js b/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
index d4b14b5b78530d..f7aa10b66ee92c 100644
--- a/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
+++ b/packages/rn-tester/js/examples/Accessibility/AccessibilityExample.js
@@ -14,6 +14,7 @@ import type {PressEvent} from 'react-native/Libraries/Types/CoreEventTypes';
const React = require('react');
const {
+ ImageBackground,
AccessibilityInfo,
TextInput,
Button,
@@ -67,6 +68,21 @@ const styles = StyleSheet.create({
flexDirection: 'column',
justifyContent: 'space-between',
},
+ container: {
+ flex: 1,
+ },
+ ImageBackground: {
+ flex: 1,
+ justifyContent: 'center',
+ },
+ text: {
+ color: 'white',
+ fontSize: 20,
+ lineHeight: 84,
+ fontWeight: 'bold',
+ textAlign: 'center',
+ backgroundColor: '#000000c0',
+ },
});
class AccessibilityExample extends React.Component<{}> {
@@ -1035,6 +1051,37 @@ class EnabledExamples extends React.Component<{}> {
}
}
+class ImportantForAccessibility extends React.Component<{}> {
+ render(): React.Node {
+ return (
+
+
+
+
+ not accessible
+
+
+
+
+
+
+ accessible
+
+
+
+
+ );
+ }
+}
+
class EnabledExample extends React.Component<
{
eventListener:
@@ -1240,6 +1287,12 @@ exports.examples = [
return ;
},
},
+ {
+ title: 'Testing importantForAccessibility',
+ render(): React.Element {
+ return ;
+ },
+ },
{
title:
'Check if accessibilityState disabled is announced when the screenreader focus moves on the image',