From fe2bbc793c606455579e5e567d31c5fd86e10aa2 Mon Sep 17 00:00:00 2001
From: Dexploarer <211557447+Dexploarer@users.noreply.github.com>
Date: Fri, 27 Feb 2026 22:57:51 +0000
Subject: [PATCH] fix(ui): improve accessibility of icon-only buttons in
 ConversationsSidebar
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- Added descriptive `aria-label` to the "Delete conversation" button.
- Wrapped the visual `×` and `&times;` characters in `<span aria-hidden="true">` to prevent confusing screen reader announcements.
---
 apps/app/src/components/ConversationsSidebar.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/apps/app/src/components/ConversationsSidebar.tsx b/apps/app/src/components/ConversationsSidebar.tsx
index 75d768bee..17f1cf56a 100644
--- a/apps/app/src/components/ConversationsSidebar.tsx
+++ b/apps/app/src/components/ConversationsSidebar.tsx
@@ -119,7 +119,7 @@ export function ConversationsSidebar({
             onClick={onClose}
             aria-label="Close chats panel"
           >
-            &times;
+            <span aria-hidden="true">&times;</span>
           </button>
         </div>
       )}
@@ -221,8 +221,9 @@ export function ConversationsSidebar({
                           setConfirmDeleteId(conv.id);
                         }}
                         title="Delete conversation"
+                        aria-label={`Delete conversation: ${conv.title}`}
                       >
-                        ×
+                        <span aria-hidden="true">×</span>
                       </button>
                     )}
                   </>