diff --git a/src/components/RadioButton/RadioButtonItem.tsx b/src/components/RadioButton/RadioButtonItem.tsx index a68be63e18..7355489d3d 100644 --- a/src/components/RadioButton/RadioButtonItem.tsx +++ b/src/components/RadioButton/RadioButtonItem.tsx @@ -177,7 +177,8 @@ const RadioButtonItem = ({ let radioButton: any; if (mode === 'android') { - radioButton = ; + // aria-hidden ensures that Talkback does not read out the interior radio button as a separate element + radioButton = ; } else if (mode === 'ios') { radioButton = ; } else { diff --git a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap index dfbe5fa131..1e8e3aa749 100644 --- a/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap +++ b/src/components/__tests__/RadioButton/__snapshots__/RadioButtonItem.test.tsx.snap @@ -290,6 +290,7 @@ exports[`can render the Android radio button on different platforms 1`] = ` } } accessible={true} + aria-hidden={true} collapsable={false} focusable={true} onBlur={[Function]}