From cdcadcb54ab1a64783f892092372d4c771cba150 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?Mewen=20Le=20H=C3=B4?=
 <92363071+MewenLeHo@users.noreply.github.com>
Date: Wed, 30 Nov 2022 13:42:37 +0100
Subject: [PATCH] fix(stepped process): convert current step to plain text for
 better a11y (#1663)

---
 scss/_stepped-process.scss                          | 2 +-
 site/content/docs/5.2/components/stepped-process.md | 4 ++--
 site/content/docs/5.2/migration.md                  | 9 +++++++++
 3 files changed, 12 insertions(+), 3 deletions(-)

diff --git a/scss/_stepped-process.scss b/scss/_stepped-process.scss
index af6e6e1ea6..e3e0387bf3 100644
--- 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
index 4dee9429bb..02cd37c5b8 100644
--- 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. Sign in">Sign in</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. Sign in">Sign in</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
index 955dbe3517..83b7145de0 100644
--- 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">