From 5de3b8a148ddd200d53a6c514e78e346bdc3d204 Mon Sep 17 00:00:00 2001
From: Marco Beretta <81851188+berry-13@users.noreply.github.com>
Date: Tue, 20 Aug 2024 00:08:29 +0200
Subject: [PATCH] =?UTF-8?q?=F0=9F=8F=B7=EF=B8=8F=20a11y:=20add=20aria-labe?=
 =?UTF-8?q?l=20to=20close=20button=20and=20aria-hidden=20to=20SVG=20(#3698?=
 =?UTF-8?q?)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fixes #3641

Add accessible name to the close button for added conversations and hide SVG from assistive technology.

* Add `aria-label="Close added conversation"` to the `button` element.
* Add `aria-hidden="true"` to the `svg` element.

---

For more details, open the [Copilot Workspace session](https://copilot-workspace.githubnext.com/danny-avila/LibreChat/issues/3641?shareId=XXXX-XXXX-XXXX-XXXX).
---
 client/src/components/Chat/Input/AddedConvo.tsx | 2 ++
 1 file changed, 2 insertions(+)

diff --git a/client/src/components/Chat/Input/AddedConvo.tsx b/client/src/components/Chat/Input/AddedConvo.tsx
index e3cacb9f4b..f57f079b80 100644
--- a/client/src/components/Chat/Input/AddedConvo.tsx
+++ b/client/src/components/Chat/Input/AddedConvo.tsx
@@ -43,6 +43,7 @@ export default function AddedConvo({
       <button
         className="text-token-text-secondary flex-shrink-0"
         type="button"
+        aria-label="Close added conversation"
         onClick={() => setAddedConvo(null)}
       >
         <svg
@@ -52,6 +53,7 @@ export default function AddedConvo({
           fill="none"
           viewBox="0 0 24 24"
           className="icon-lg"
+          aria-hidden="true"
         >
           <path
             fill="currentColor"