chore: add accessibility role to Touchable components

Author: vadymv-mendix

packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJs/src/components/Badge.jsx.ejs

@@ -13,7 +13,7 @@ export class Badge extends Component {
 
         return (
             <View style={this.styles.container}>
-                <Touchable style={this.styles.badge} onPress={this.props.onClick} useForeground={true}>
+                <Touchable accessibilityRole={"button"} style={this.styles.badge} onPress={this.props.onClick} useForeground={true}>
                     {this.renderContent()}
                 </Touchable>
             </View>

packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateJsFn/src/components/Badge.jsx.ejs

@@ -22,7 +22,7 @@ export function Badge({ value, style, onClick }) {
 
     return (
         <View style={styles.container}>
-            <Touchable style={styles.badge} onPress={onClick} useForeground={true}>
+            <Touchable accessibilityRole={"button"} style={styles.badge} onPress={onClick} useForeground={true}>
                 {renderContent}
             </Touchable>
         </View>

packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTs/src/components/Badge.tsx.ejs

@@ -19,7 +19,7 @@ export class Badge extends Component<BadgeProps> {
 
         return (
             <View style={this.styles.container}>
-                <Touchable style={this.styles.badge} onPress={this.props.onClick} useForeground={true}>
+                <Touchable accessibilityRole={"button"} style={this.styles.badge} onPress={this.props.onClick} useForeground={true}>
                     {this.renderContent()}
                 </Touchable>
             </View>

packages/generator-widget/generators/app/templates/pluggable/native/fullTemplateTsFn/src/components/Badge.tsx.ejs

@@ -28,7 +28,7 @@ export function Badge({ value, style, onClick }: BadgeProps): ReactElement {
 
     return (
         <View style={styles.container}>
-            <Touchable style={styles.badge} onPress={onClick} useForeground={true}>
+            <Touchable accessibilityRole={"button"} style={styles.badge} onPress={onClick} useForeground={true}>
                 {renderContent}
             </Touchable>
         </View>