fix(stepped process): convert current step to plain text for better a…

…11y (#1663)
Orange-OpenSource · Nov 30, 2022 · cdcadcb · cdcadcb
1 parent 2274e0c
commit cdcadcb
Show file tree

Hide file tree

Showing 3 changed files with 12 additions and 3 deletions.
diff --git a/scss/_stepped-process.scss b/scss/_stepped-process.scss
@@ -109,7 +109,7 @@
     color: var(--#{$prefix}stepped-process-link-color);
   }
 
-  &:hover {
+  &[href]:hover {
     text-decoration: if($link-hover-decoration == underline, null, underline);
   }
 

diff --git a/site/content/docs/5.2/components/stepped-process.md b/site/content/docs/5.2/components/stepped-process.md
@@ -26,7 +26,7 @@ Add `.active` to a `.stepped-process-item` to indicate the current step, alongsi
       <a class="stepped-process-link" href="#" title="1. #">#</a>
     </li>
     <li class="stepped-process-item active">
-      <a class="stepped-process-link" href="#" title="2. Review" aria-current="step">Review</a>
+      <a class="stepped-process-link" title="2. Review" aria-current="step">Review</a>
     </li>
     <li class="stepped-process-item">
       <a class="stepped-process-link" href="#" title="3. Delivery">Delivery</a>
@@ -55,7 +55,7 @@ Add `.stepped-process-dark` to the `.stepped-process` for a dark variant.
       <a class="stepped-process-link" href="#" title="1. #">#</a>
     </li>
     <li class="stepped-process-item active">
-      <a class="stepped-process-link" href="#" title="2. Review" aria-current="step">Review</a>
+      <a class="stepped-process-link" title="2. Review" aria-current="step">Review</a>
     </li>
     <li class="stepped-process-item">
       <a class="stepped-process-link" href="#" title="3. Delivery">Delivery</a>

diff --git a/site/content/docs/5.2/migration.md b/site/content/docs/5.2/migration.md
@@ -17,6 +17,15 @@ Boosted v5.2.3 has landed with a handful of urgent bug fixes from Bootstrap and
 
 If you need more details about the changes, please refer to the [v5.2.3 release](https://github.com/Orange-OpenSource/Orange-Boosted-Bootstrap/releases/tag/v5.2.3).
 
+### Components
+
+- **Stepped Process**
+  - Current step has been slightly changed for accessibility purpose; the link to this step has been converted to plain text. Please reflect this modification into your websites.
+  ```diff
+  -        <a class="stepped-process-link" href="#" title="2. Review" aria-current="step">Review</a>
+  +        <a class="stepped-process-link" title="2. Review" aria-current="step">Review</a>
+  ```
+
 ## v5.2.2
 
 <hr class="mb-4">