zoriya/react-native-web
1
0
Fork 0
mirror of https://github.com/zoriya/react-native-web.git synced 2025-12-06 06:36:13 +00:00
Code Issues Packages Projects Releases Wiki Activity

[fix] Switch uses aria-label on native control

Browse Source 
Close #2559
Fix #2549
This commit is contained in:
tarunrajput
2023-07-17 14:54:17 +05:30
committed by Nicolas Gallagher
parent a8a0c1763b
commit 213b616b3c
2 changed files with 3 additions and 2 deletions
Download Patch File Download Diff File Expand all files Collapse all files

2
packages/react-native-web/src/exports/Switch/__tests__/index-test.js vendored
View File

@@ -23,7 +23,7 @@ function findSwitchThumb(container) {
describe('components/Switch', () => {
test('accessibilityLabel is applied to native checkbox', () => {
const { container } = render(<Switch accessibilityLabel="switch" />);
const { container } = render(<Switch aria-label="switch" />);
expect(findCheckbox(container).getAttribute('aria-label')).toBe('switch');
});

3
packages/react-native-web/src/exports/Switch/index.js vendored
View File

@@ -44,6 +44,7 @@ const Switch: React.AbstractComponent<
React.ElementRef<typeof View>
> = React.forwardRef((props, forwardedRef) => {
const {
'aria-label': ariaLabel,
accessibilityLabel,
activeThumbColor,
activeTrackColor,
@@ -166,7 +167,7 @@ const Switch: React.AbstractComponent<
];
const nativeControl = createElement('input', {
accessibilityLabel,
'aria-label': ariaLabel || accessibilityLabel,
checked: value,
disabled: disabled,
onBlur: handleFocusState,