added role and state to language toggles

CovidShield · Jun 1, 2020 · 756f932 · 756f932
1 parent 76aa4b6
commit 756f932
Showing 1 changed file with 2 additions and 1 deletion.
diff --git a/src/screens/language/Language.tsx b/src/screens/language/Language.tsx
@@ -13,7 +13,7 @@ interface LanguageSelectItemProps {
 }
 const LanguageSelectItem = ({onPress, text, isActive}: LanguageSelectItemProps) => (
   <>
-    <TouchableOpacity onPress={onPress}>
+    <TouchableOpacity onPress={onPress} accessibilityRole="radio" accessibilityState={{selected: isActive}}>
       <Box paddingVertical="s" flexDirection="row" alignContent="center" justifyContent="space-between">
         <Text variant="bodyText" marginVertical="s" color="overlayBodyText">
           {text}
@@ -57,6 +57,7 @@ export const LanguageScreen = () => {
             borderRadius={10}
             backgroundColor="infoBlockNeutralBackground"
             marginTop="m"
+            accessibilityRole="radiogroup"
           >
             <LanguageSelectItem
               onPress={toggle('en')}