fix(progress bar): non visual alternative

added aria role of progress bar for better compatibility across browsers #721
ZopaPublic · Aug 31, 2021 · aa0bc38 · aa0bc38
1 parent 8b03370
commit aa0bc38
Showing 1 changed file with 2 additions and 2 deletions.
diff --git a/src/components/molecules/Progress/Progress.tsx b/src/components/molecules/Progress/Progress.tsx
@@ -103,8 +103,8 @@ const Progress: React.FC<ProgressProps> = ({ totalSteps, currentStep, withStep =
   return (
     <ProgressWrapper>
       <ProgressBar
-        aria-label={withStep ? 'Progress Bar' : `Progress Bar showing step ${currentStep} of ${totalSteps}`}
-        tabIndex={-1}
+        aria-label={`Progress Bar showing step ${currentStep} of ${totalSteps}`}
+        role="progressbar"
         {...rest}
       >
         {renderPoints()}