MOO-1679-main | fix: the accesibility role has been changed to radio instead of button (#210)

Author: karahanharunn

packages/pluggableWidgets/radio-buttons-native/CHANGELOG.md

@@ -6,6 +6,10 @@ The format is based on [Keep a Changelog](https://keepachangelog.com/en/1.0.0/),
 
 ## [Unreleased]
 
+### Fixed
+
+-   The accessibility role has been changed to radio.
+
 ## [1.1.0] - 2024-12-3
 
 ### Changed

packages/pluggableWidgets/radio-buttons-native/package.json

@@ -1,7 +1,7 @@
 {
   "name": "radio-buttons-native",
   "widgetName": "RadioButtons",
-  "version": "1.1.0",
+  "version": "1.2.0",
   "license": "Apache-2.0",
   "repository": {
     "type": "git",

packages/pluggableWidgets/radio-buttons-native/src/__tests__/__snapshots__/RadioButtons.spec.tsx.snap

@@ -9,6 +9,7 @@ exports[`Radio buttons render correctly with show label false 1`] = `
     style={false}
   >
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -92,6 +93,7 @@ exports[`Radio buttons render correctly with show label false 1`] = `
       </Text>
     </View>
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -186,6 +188,7 @@ exports[`Radio buttons render correctly without label 1`] = `
     style={false}
   >
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -269,6 +272,7 @@ exports[`Radio buttons render correctly without label 1`] = `
       </Text>
     </View>
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -365,6 +369,7 @@ exports[`Radio buttons render disabled radio buttons correctly 1`] = `
     style={false}
   >
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -439,6 +444,7 @@ exports[`Radio buttons render disabled radio buttons correctly 1`] = `
       </Text>
     </View>
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -543,6 +549,7 @@ exports[`Radio buttons render horizontal radio buttons correctly 1`] = `
     }
   >
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -629,6 +636,7 @@ exports[`Radio buttons render horizontal radio buttons correctly 1`] = `
       </Text>
     </View>
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -728,6 +736,7 @@ exports[`Radio buttons render vertical radio buttons correctly 1`] = `
     style={false}
   >
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,
@@ -811,6 +820,7 @@ exports[`Radio buttons render vertical radio buttons correctly 1`] = `
       </Text>
     </View>
     <View
+      accessibilityRole="radio"
       accessibilityState={
         {
           "busy": undefined,

packages/pluggableWidgets/radio-buttons-native/src/components/RadioButton.tsx

@@ -31,6 +31,7 @@ export function RadioButton({
             ]}
             onPress={() => onSelect(name)}
             testID={`radio-button-${name}`}
+            accessibilityRole="radio"
         >
             <View style={[styles.circularButtonStyle, disabled && styles.circularBtnDisabledStyle]}>
                 {active && <View style={styles.activeButtonStyle} />}

packages/pluggableWidgets/radio-buttons-native/src/package.xml

@@ -1,6 +1,6 @@
 <?xml version="1.0" encoding="utf-8" ?>
 <package xmlns="http://www.mendix.com/package/1.0/">
-    <clientModule name="RadioButtons" version="1.1.0" xmlns="http://www.mendix.com/clientModule/1.0/">
+    <clientModule name="RadioButtons" version="1.2.0" xmlns="http://www.mendix.com/clientModule/1.0/">
         <widgetFiles>
             <widgetFile path="RadioButtons.xml" />
         </widgetFiles>