Feat/accessiibility slider and biometrics (#185)

* Correctif accessibilité condition dutilisation Signed-off-by: ClaudeArs <[email protected]>
MCN-ING · Jan 8, 2025 · 5c34d8b · 5c34d8b
1 parent e6d6e65
commit 5c34d8b
Show file tree

Hide file tree

Showing 7 changed files with 25 additions and 10 deletions.
diff --git a/app/ios/Podfile.lock b/app/ios/Podfile.lock
@@ -832,4 +832,4 @@ SPEC CHECKSUMS:
 
 PODFILE CHECKSUM: ceed3b0bd7ccc2be2dc6aeb4c03e653fd0e18591
 
-COCOAPODS: 1.16.2
+COCOAPODS: 1.13.0
diff --git a/app/src/components/EventItem.tsx b/app/src/components/EventItem.tsx
@@ -134,6 +134,7 @@ const EventItem = ({
 
   const body = (
     <Pressable
+      accessible={true}
       accessibilityLabel={t('Global.View')}
       accessibilityRole={'button'}
       testID={testIdWithKey(`View${event.id}`)}
@@ -143,7 +144,7 @@ const EventItem = ({
         setSelected?.({ id: event.id, deleteAction: handleDelete })
       }}
     >
-      <View style={[styles.container]} testID={testIdWithKey('NotificationListItem')}>
+      <View style={[styles.container]} testID={testIdWithKey('NotificationListItem')} accessible={true}>
         {event.image}
         <View style={styles.infoContainer}>
           <Text style={[styles.headerText]} testID={testIdWithKey('HeaderText')}>
@@ -210,7 +211,7 @@ const EventItem = ({
       setToastEnabled(true)
     }
     return (
-      <TouchableOpacity onPress={onDelete}>
+      <TouchableOpacity onPress={onDelete} accessibilityRole="button">
         <View style={styles.rightAction}>
           <MaterialCommunityIcon name={'trash-can-outline'} size={20} style={styles.rightActionIcon} />
           <Text style={styles.rightActionText}>{t('Notifications.Dismiss')}</Text>

diff --git a/app/src/components/Help/HelpCenterButton.tsx b/app/src/components/Help/HelpCenterButton.tsx
@@ -34,7 +34,11 @@ const HelpCenterButton = () => {
     DeviceEventEmitter.emit(BCWalletEventTypes.ADD_HELP_PRESSED, paramData)
   }, [])
   return (
-    <TouchableOpacity style={styles.container} onPress={activateSlider}>
+    <TouchableOpacity
+      style={styles.container}
+      onPress={activateSlider}
+      accessibilityHint="Cliquez pour ouvrir la liste des options"
+    >
       <Text style={styles.text}>{t('HelpCenter.Help')}</Text>
     </TouchableOpacity>
   )

diff --git a/app/src/components/react-native-accordion-list-view/components/AccordionItem/index.tsx b/app/src/components/react-native-accordion-list-view/components/AccordionItem/index.tsx
@@ -45,8 +45,14 @@ const AccordionItem = ({
   })
 
   return (
-    <View style={[styles.container, containerStyle]}>
-      <Pressable onPress={() => toggleListItem()} testID={testID}>
+    <View>
+      <Pressable
+        onPress={() => toggleListItem()}
+        testID={testID}
+        style={[styles.container, containerStyle]}
+        accessibilityRole="button"
+        accessibilityState={{ expanded: showContent }}
+      >
         <View style={styles.titleContainer}>
           {(!isRTL || I18nManager.isRTL) && customTitle()}
           {!customIcon ? (

diff --git a/app/src/localization/en/index.ts b/app/src/localization/en/index.ts
@@ -115,6 +115,8 @@ const translation = {
     OpenSettings: 'Open settings',
   },
   Biometry: {
+    On: 'Biometrics unabled',
+    Off: 'Biometrics disabled',
     Toggle: 'Toggle Biometrics',
     EnabledText1: "  Log in with your phone's biometrics instead of your wallet PIN.",
     EnabledText1Bold:
@@ -971,6 +973,7 @@ const translation = {
     Help: 'Help',
     ButtonHelpCenter: 'Return to Help Center',
     ConsultHelpCenter: 'Consult the help center',
+    OptionsList: 'Click to open the list of options',
   },
   About: {
     Accessibility: 'Accessibility',

diff --git a/app/src/localization/fr/index.ts b/app/src/localization/fr/index.ts
@@ -116,6 +116,8 @@ const translation = {
     OpenSettings: 'Ourvir Paramètres',
   },
   Biometry: {
+    On: 'Biométrie activée',
+    Off: 'Biométrie désactivée',
     Toggle: 'Activer la biométrie',
     EnabledText1:
       'Déverrouillez votre portefeuille avec la biométrie de votre appareil au lieu d’utiliser le NIP du portefeuille.',
@@ -997,13 +999,12 @@ const translation = {
   },
   AddCredentialSlider: {
     Choose: 'Choisir',
-    ScanQRCode: 'Balayer un code QR',
-    Title: 'Ajouter une attestation',
+    ScanQRCode: 'Lire un code QR',
   },
   HelpCenter: {
     Help: 'Aide',
     ButtonHelpCenter: "Revenir au centre d'aide",
-    ConsultHelpCenter: "Consulter le centre d'aide",
+    OptionsList: 'Cliquez pour ouvrir la liste des options',
   },
   About: {
     Accessibility: 'Accessibilité',

diff --git a/app/src/screens/UseBiometry.tsx b/app/src/screens/UseBiometry.tsx
@@ -346,7 +346,7 @@ const UseBiometry: React.FC = () => {
             <Pressable
               testID={testIdWithKey('ToggleBiometrics')}
               accessible
-              accessibilityLabel={t('Biometry.Toggle')}
+              accessibilityLabel={biometryEnabled ? t('Biometry.On') : t('Biometry.Off')}
               accessibilityRole={'switch'}
             >
               <Switch
Original file line number	Diff line number	Diff line change
Expand Up		@@ -832,4 +832,4 @@ SPEC CHECKSUMS:

		PODFILE CHECKSUM: ceed3b0bd7ccc2be2dc6aeb4c03e653fd0e18591

		COCOAPODS: 1.16.2
		COCOAPODS: 1.13.0