Merge pull request #82 from AbubakarSambo/issue/65/languagecontrols

Addresses roles and state for language toggle
CovidShield · Jun 3, 2020 · b3b2603 · b3b2603
2 parents 207bb9f + 756f932
commit b3b2603
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}
@@ -58,6 +58,7 @@ export const LanguageScreen = () => {
             borderRadius={10}
             backgroundColor="infoBlockNeutralBackground"
             marginTop="m"
+            accessibilityRole="radiogroup"
           >
             <LanguageSelectItem
               onPress={toggle('en')}