blsmedia/bot
2
0
Fork 0
Code Activity

🚸 Add aria-label on Bubble close button (#1344)

Browse Source 
Fix Issue
[#1321](https://github.com/baptisteArno/typebot.io/issues/1321) Preview
Message button's accessibility issue
This commit is contained in:
Yovi Budirahardjo
2024-03-13 00:12:38 +11:00
committed by GitHub
parent 03097718d1
commit a9daac68ba
1 changed files with 1 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

1
packages/embeds/js/src/features/bubble/components/PreviewMessage.tsx
View File

@ -67,6 +67,7 @@ const CloseButton = (props: {
}) => ( }) => (
<button <button
part="preview-message-close-button" part="preview-message-close-button"
aria-label="Close"
class={ class={
`absolute -top-2 -right-2 rounded-full w-6 h-6 p-1 hover:brightness-95 active:brightness-90 transition-all border ` + `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') (props.isHovered ? 'opacity-100' : 'opacity-0')