From 6ff06bef1e9438859c0295772514170953250cb7 Mon Sep 17 00:00:00 2001
From: luizhf42 <luizhf42@gmail.com>
Date: Tue, 11 Aug 2026 09:12:11 -0300
Subject: [PATCH] fix(ui): add ARIA attributes to access policy action toggle

Add `role="group"` with `aria-label` on the wrapper and `aria-pressed`
on each button so screen readers announce the group context and which
option is currently selected.
---
 .../src/pages/access-policies/AccessPolicyDrawer.tsx       | 7 ++++++-
 1 file changed, 6 insertions(+), 1 deletion(-)

diff --git a/ui/apps/console/src/pages/access-policies/AccessPolicyDrawer.tsx b/ui/apps/console/src/pages/access-policies/AccessPolicyDrawer.tsx
index 0398b4aeb7f..4182d829c80 100644
--- a/ui/apps/console/src/pages/access-policies/AccessPolicyDrawer.tsx
+++ b/ui/apps/console/src/pages/access-policies/AccessPolicyDrawer.tsx
@@ -630,11 +630,16 @@ function AccessPolicyDrawer({
           <Label hint="Allow grants the access below; deny blocks it and wins over any allow.">
             Action
           </Label>
-          <div className="inline-flex bg-card border border-border rounded-lg p-0.5 gap-0.5">
+          <div
+            role="group"
+            aria-label="Policy action"
+            className="inline-flex bg-card border border-border rounded-lg p-0.5 gap-0.5"
+          >
             {(["allow", "deny"] as const).map((e) => (
               <button
                 key={e}
                 type="button"
+                aria-pressed={action === e}
                 onClick={() => setAction(e)}
                 className={cn(
                   "flex items-center justify-center gap-2 px-4 py-1.5 rounded-md text-sm font-medium transition-colors",