diff --git a/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js b/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js index 061d13025..8b40efc93 100644 --- a/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js +++ b/packages/react-native-web/src/modules/createDOMProps/__tests__/index-test.js @@ -112,6 +112,13 @@ describe('modules/createDOMProps', () => { expect(props['aria-live']).toEqual('off'); }); + test('prop "accessibilityRequired" becomes "aria-required" and "required"', () => { + const accessibilityRequired = false; + const props = createDOMProps('input', { accessibilityRequired }); + expect(props['aria-required']).toEqual(false); + expect(props.required).toEqual(false); + }); + test('prop "accessibilityRole" becomes "role"', () => { const accessibilityRole = 'button'; const props = createProps({ accessibilityRole }); diff --git a/packages/react-native-web/src/modules/createDOMProps/index.js b/packages/react-native-web/src/modules/createDOMProps/index.js index 607256a45..a4a43eca1 100644 --- a/packages/react-native-web/src/modules/createDOMProps/index.js +++ b/packages/react-native-web/src/modules/createDOMProps/index.js @@ -238,7 +238,7 @@ const createDOMProps = (elementType, props, options) => { elementType === 'select' || elementType === 'textarea' ) { - domProps.required = true; + domProps.required = accessibilityRequired; } } if (role != null) {