From 4fb87cb72756cda92539a30ee8f5acf90da5db28 Mon Sep 17 00:00:00 2001
From: Kethni Imasha <wekimasha@students.nsbm.ac.lk>
Date: Sun, 14 Jun 2026 19:07:49 +0530
Subject: [PATCH 1/2] fix(admin.workflow-requests): use semantic button instead
 of role=button (#27945)

---
 .changeset/slimy-tools-join.md                         |  5 +++++
 .../components/active-filters-bar.scss                 |  2 ++
 .../components/active-filters-bar.tsx                  | 10 +++-------
 3 files changed, 10 insertions(+), 7 deletions(-)
 create mode 100644 .changeset/slimy-tools-join.md

diff --git a/.changeset/slimy-tools-join.md b/.changeset/slimy-tools-join.md
new file mode 100644
index 00000000000..8776dc430f9
--- /dev/null
+++ b/.changeset/slimy-tools-join.md
@@ -0,0 +1,5 @@
+---
+"@wso2is/admin.workflow-requests.v1": patch
+---
+
+Fix accessibility issue by replacing role="button" span with semantic button element in ActiveFiltersBar
diff --git a/features/admin.workflow-requests.v1/components/active-filters-bar.scss b/features/admin.workflow-requests.v1/components/active-filters-bar.scss
index eae10123941..bf8356a3e60 100644
--- a/features/admin.workflow-requests.v1/components/active-filters-bar.scss
+++ b/features/admin.workflow-requests.v1/components/active-filters-bar.scss
@@ -102,6 +102,8 @@ $font-size-normal: 12px;
         @include flex-center;
         background: transparent;
         border: none;
+        padding: 0;
+        font: inherit;
         width: 18px;
         height: 18px;
         justify-content: center;
diff --git a/features/admin.workflow-requests.v1/components/active-filters-bar.tsx b/features/admin.workflow-requests.v1/components/active-filters-bar.tsx
index 4d66113a1d6..b5b8bfc0771 100644
--- a/features/admin.workflow-requests.v1/components/active-filters-bar.tsx
+++ b/features/admin.workflow-requests.v1/components/active-filters-bar.tsx
@@ -56,19 +56,15 @@ const ActiveFiltersBar: React.FC<ActiveFiltersBarProps> = (
                             <span className="filter-value">
                                 { filter.label }
                             </span>
-                            <span
-                                role="button"
-                                tabIndex={ 0 }
+                            <button
+                                type="button"
                                 aria-label={ t("workflowRequests:activeFiltersBar.removeFilter",
                                     { filter: filter.label }) }
                                 onClick={ () => onRemove(filter) }
-                                onKeyPress={ (e: React.KeyboardEvent) => {
-                                    if (e.key === "Enter" || e.key === " ") onRemove(filter);
-                                } }
                                 className="filter-remove-button"
                             >
                                 <Icon name="close" size="small" className="icon" />
-                            </span>
+                            </button>
                         </div>
                     ))
                 ) : (

From 6192d454eea15591d1284005739ed441f87d42fb Mon Sep 17 00:00:00 2001
From: Kethni Imasha <wekimasha@students.nsbm.ac.lk>
Date: Sun, 14 Jun 2026 19:23:01 +0530
Subject: [PATCH 2/2] chore: add console package to changeset per coding
 guidelines

---
 .changeset/slimy-tools-join.md | 1 +
 1 file changed, 1 insertion(+)

diff --git a/.changeset/slimy-tools-join.md b/.changeset/slimy-tools-join.md
index 8776dc430f9..a3983cdc742 100644
--- a/.changeset/slimy-tools-join.md
+++ b/.changeset/slimy-tools-join.md
@@ -1,5 +1,6 @@
 ---
 "@wso2is/admin.workflow-requests.v1": patch
+"@wso2is/console": patch
 ---
 
 Fix accessibility issue by replacing role="button" span with semantic button element in ActiveFiltersBar