diff --git a/VAMobile/src/components/Templates/FeatureLandingAndChildTemplate.tsx b/VAMobile/src/components/Templates/FeatureLandingAndChildTemplate.tsx index 5c735eccad..018c30dc54 100644 --- a/VAMobile/src/components/Templates/FeatureLandingAndChildTemplate.tsx +++ b/VAMobile/src/components/Templates/FeatureLandingAndChildTemplate.tsx @@ -1,4 +1,5 @@ import React, { FC, ReactNode, useState } from 'react' +import { useTranslation } from 'react-i18next' import { LayoutChangeEvent, StatusBar, View, ViewStyle, useWindowDimensions } from 'react-native' import { useSafeAreaInsets } from 'react-native-safe-area-context' @@ -6,6 +7,7 @@ import { useIsScreenReaderEnabled } from '@department-of-veterans-affairs/mobile import { HeaderButton, TextView, TextViewProps, WaygateWrapper } from 'components' import VAScrollView, { VAScrollViewProps } from 'components/VAScrollView' +import { NAMESPACE } from 'constants/namespaces' import { useTheme } from 'utils/hooks' import HeaderBanner, { HeaderBannerProps } from './HeaderBanner' @@ -59,6 +61,7 @@ export const ChildTemplate: FC = ({ const fontScale = useWindowDimensions().fontScale const theme = useTheme() const screenReaderEnabled = useIsScreenReaderEnabled() + const { t } = useTranslation(NAMESPACE.COMMON) const [scrollOffset, setScrollOffset] = useState(0) const [trackScrollOffset, setTrackScrollOffset] = useState(true) @@ -73,7 +76,9 @@ export const ChildTemplate: FC = ({ const headerProps: HeaderBannerProps = { leftButton: { text: backLabel, - a11yLabel: backLabelA11y, + a11yLabel: backLabelA11y + ? t('back.a11yLabel', { screenName: backLabelA11y }) + : t('back.a11yLabel', { screenName: backLabel }), testID: backLabelTestID, onPress: backLabelOnPress, descriptiveBack: true, diff --git a/VAMobile/src/components/Templates/HeaderBanner.tsx b/VAMobile/src/components/Templates/HeaderBanner.tsx index 05af9409a1..72ac97b8e9 100644 --- a/VAMobile/src/components/Templates/HeaderBanner.tsx +++ b/VAMobile/src/components/Templates/HeaderBanner.tsx @@ -277,6 +277,7 @@ const HeaderBanner: FC = ({ {leftButton?.descriptiveBack ? (