fix(progress-bar): non visual alternative

added aria-label fix #721
ZopaPublic · Aug 26, 2021 · 4dc5142 · 4dc5142
1 parent 1fe8d89
commit 4dc5142
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/src/components/molecules/Progress/Progress.tsx b/src/components/molecules/Progress/Progress.tsx
@@ -102,7 +102,11 @@ const Progress: React.FC<ProgressProps> = ({ totalSteps, currentStep, withStep =
 
   return (
     <ProgressWrapper>
-      <ProgressBar {...rest}>
+      <ProgressBar
+        aria-label={withStep ? 'Progress Bar' : `Progress Bar showing step ${currentStep} of ${totalSteps}`}
+        tabIndex={-1}
+        {...rest}
+      >
         {renderPoints()}
         <Progression position={getStepPosition(totalSteps, currentStep - 0.5)} progressColor={progressColor}>
           {withStep && (