From a9daac68baa8bbc0da57a37a5ff53674afff6f44 Mon Sep 17 00:00:00 2001
From: Yovi Budirahardjo <yaditya@users.noreply.github.com>
Date: Wed, 13 Mar 2024 00:12:38 +1100
Subject: [PATCH] =?UTF-8?q?=F0=9F=9A=B8=20Add=20aria-label=20on=20Bubble?=
 =?UTF-8?q?=20close=20button=20(#1344)?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

Fix Issue
[#1321](https://github.com/baptisteArno/typebot.io/issues/1321) Preview
Message button's accessibility issue
---
 .../embeds/js/src/features/bubble/components/PreviewMessage.tsx  | 1 +
 1 file changed, 1 insertion(+)

diff --git a/packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx b/packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx
index 41ec845bd..ba29d01f3 100644
--- a/packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx
+++ b/packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx
@@ -67,6 +67,7 @@ const CloseButton = (props: {
 }) => (
   <button
     part="preview-message-close-button"
+    aria-label="Close"
     class={
       `absolute -top-2 -right-2 rounded-full w-6 h-6 p-1 hover:brightness-95 active:brightness-90 transition-all border ` +
       (props.isHovered ? 'opacity-100' : 'opacity-0')