chore: add accessibilityLabel to language radio button for state (#1384)

Signed-off-by: fc-santos <[email protected]>
openwallet-foundation · Jan 10, 2025 · 5b9b85e · 5b9b85e
1 parent 08e12a6
commit 5b9b85e
Show file tree

Hide file tree

Showing 4 changed files with 8 additions and 3 deletions.
diff --git a/packages/legacy/core/App/localization/en/index.ts b/packages/legacy/core/App/localization/en/index.ts
@@ -87,6 +87,8 @@ const translation = {
     "code_en": "English",
     "code_fr": "French",
     "code_pt-BR": "Portuguese",
+    "Checked": "checked",
+    "NotChecked": "not checked",
   },
   "Error": {
     "ReportThisProblem": "Report this problem",

diff --git a/packages/legacy/core/App/localization/fr/index.ts b/packages/legacy/core/App/localization/fr/index.ts
@@ -87,6 +87,8 @@ const translation = {
         "code_en": "Anglais",
         "code_fr": "Français",
         "code_pt-BR": "Portugais",
+        "Checked": "coché",
+        "NotChecked": "non coché",
     },
     "Error": {
         "ReportThisProblem": "Signaler ce problème",

diff --git a/packages/legacy/core/App/localization/pt-br/index.ts b/packages/legacy/core/App/localization/pt-br/index.ts
@@ -86,6 +86,8 @@ const translation = {
     "code_en": "Inglês",
     "code_fr": "Francês",
     "code_pt-BR": "Português",
+    "Checked": "selecionado",
+    "NotChecked": "não selecionado",
   },
   "Error": {
     "ReportThisProblem": "Reportar este problema",

diff --git a/packages/legacy/core/App/screens/Language.tsx b/packages/legacy/core/App/screens/Language.tsx
@@ -15,7 +15,7 @@ interface Language {
 }
 
 const Language = () => {
-  const { i18n } = useTranslation()
+  const { t, i18n } = useTranslation()
   const { ColorPallet, TextTheme, SettingsTheme } = useTheme()
   const [{ supportedLanguages }] = useServices([TOKENS.CONFIG])
 
@@ -67,9 +67,8 @@ const Language = () => {
             <View style={[styles.section, styles.sectionRow]}>
               <Text style={TextTheme.title}>{value}</Text>
               <BouncyCheckbox
-                accessibilityLabel={''} // To avoid Voice Over reading the value twice (one time from the text component and another time from the BouncyCheckbox component)
+                accessibilityLabel={`${id === i18n.language ? t('Language.Checked') : t('Language.NotChecked')}`} // add on voice over the text checked / not checked after the text from value above
                 accessibilityRole="radio"
-                accessibilityState={{ checked: id === i18n.language }}
                 disableText
                 fillColor={ColorPallet.brand.secondaryBackground}
                 unfillColor={ColorPallet.brand.secondaryBackground}