fix(progress): non visual alternative to step text

added aria-label if withStep is false fix #721
ZopaPublic · Aug 26, 2021 · 2eea70b · 2eea70b
1 parent 4dc5142
commit 2eea70b
Show file tree

Hide file tree

Showing 3 changed files with 6 additions and 314 deletions.
diff --git a/src/components/molecules/Progress/__snapshots__/Progress.test.tsx.snap b/src/components/molecules/Progress/__snapshots__/Progress.test.tsx.snap
@@ -110,7 +110,9 @@ exports[`<Progress /> Accessibility renders the component with props with no a11
     class="c0"
   >
     <div
+      aria-label="Progress Bar showing step 2 of 5"
       class="c1"
+      tabindex="-1"
     >
       <span
         class="c2"
@@ -244,7 +246,9 @@ exports[`<Progress /> Props renders empty progress bar 1`] = `
   class="c0"
 >
   <div
+    aria-label="Progress Bar showing step 0 of 5"
     class="c1"
+    tabindex="-1"
   >
     <span
       class="c2"
@@ -377,7 +381,9 @@ exports[`<Progress /> Props renders full progress bar 1`] = `
   class="c0"
 >
   <div
+    aria-label="Progress Bar showing step 5 of 5"
     class="c1"
+    tabindex="-1"
   >
     <span
       class="c2"

diff --git a/...s/ProductTemplate/ProductTemplateHeader/__snapshots__/ProductTemplateHeader.test.tsx.snap b/...s/ProductTemplate/ProductTemplateHeader/__snapshots__/ProductTemplateHeader.test.tsx.snap
diff --git a/...oductTemplate/ProductTemplateProgress/__snapshots__/ProductTemplateProgress.test.tsx.snap b/...oductTemplate/ProductTemplateProgress/__snapshots__/ProductTemplateProgress.test.tsx.snap