feature/7811-HomeScreenButtonsA11y (#9021)

department-of-veterans-affairs · Jul 18, 2024 · 1c78ce5 · 1c78ce5
1 parent 8be2664
commit 1c78ce5
Show file tree

Hide file tree

Showing 3 changed files with 7 additions and 1 deletion.
diff --git a/VAMobile/src/components/Templates/CategoryLanding.tsx b/VAMobile/src/components/Templates/CategoryLanding.tsx
@@ -61,6 +61,7 @@ export const CategoryLanding: FC<CategoryLandingProps> = ({
       ? {
           text: headerButton.label,
           a11yLabel: headerButton.labelA11y,
+          accessibilityRole: headerButton.accessibilityRole,
           onPress: headerButton.onPress,
           icon: headerButton.icon,
         }

diff --git a/VAMobile/src/components/types/HeaderButton.tsx b/VAMobile/src/components/types/HeaderButton.tsx
@@ -1,8 +1,11 @@
+import { AccessibilityRole } from 'react-native'
+
 import { VAIconProps } from 'components/VAIcon'
 
 export type HeaderButton = {
   label: string
   labelA11y?: string
+  accessibilityRole?: AccessibilityRole
   icon: VAIconProps
   onPress: () => void
   testID?: string

diff --git a/VAMobile/src/screens/HomeScreen/HomeScreen.tsx b/VAMobile/src/screens/HomeScreen/HomeScreen.tsx
@@ -32,6 +32,7 @@ import {
   CategoryLanding,
   CategoryLandingAlert,
   EncourageUpdateAlert,
+  HeaderButton,
   LinkRow,
   LoadingComponent,
   Nametag,
@@ -253,8 +254,9 @@ export function HomeScreen({}: HomeScreenProps) {
     navigateTo('Profile')
   }
 
-  const headerButton = {
+  const headerButton: HeaderButton = {
     label: t('profile.title'),
+    accessibilityRole: 'link',
     icon: profileIconProps,
     onPress: onProfile,
   }