Add a11yLabel prop

department-of-veterans-affairs · Jun 5, 2024 · 5126f36 · 5126f36
1 parent 6ae51bb
commit 5126f36
Showing 1 changed file with 6 additions and 1 deletion.
diff --git a/packages/components/src/components/LoadingIndicator/LoadingIndicator.tsx b/packages/components/src/components/LoadingIndicator/LoadingIndicator.tsx
@@ -16,12 +16,15 @@ import { useColorScheme } from '../../utils'
 export type LoadingIndicatorProps = {
   /** Optional text appearing below indicator */
   text?: string
+  /** AccessibilityLabel for the text */
+  a11yLabel?: string
   /** Optional custom content to display below indicator */
   children?: React.ReactNode
 }
 
 export const LoadingIndicator: React.FC<LoadingIndicatorProps> = ({
   text,
+  a11yLabel,
   children,
 }) => {
   const colorScheme = useColorScheme()
@@ -82,7 +85,9 @@ export const LoadingIndicator: React.FC<LoadingIndicatorProps> = ({
       {text && (
         <>
           <Spacer />
-          <Text style={textStyle}>{text}</Text>
+          <Text style={textStyle} accessibilityLabel={a11yLabel}>
+            {text}
+          </Text>
         </>
       )}
       {children && (