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',