Skip to content

Commit 8cace7f

Browse files
authored
fix (a11y): Add aria-label to progressToast close button (calcom#25618)
1 parent b80c069 commit 8cace7f

1 file changed

Lines changed: 2 additions & 2 deletions

File tree

packages/ui/components/toast/ProgressToast.tsx

Lines changed: 2 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -17,13 +17,13 @@ export const ProgressToast = ({ message, progress, onClose, toastId }: ProgressT
1717
const defaultMessage = t("downloading");
1818

1919
return (
20-
<div className="animate-fade-in-up bg-subtle shadow-elevation-low border-subtle mb-2 flex h-auto flex-col stack-y-2 rounded-lg border px-3 py-2.5 text-sm font-semibold md:max-w-sm">
20+
<div className="animate-fade-in-up bg-subtle shadow-elevation-low border-subtle stack-y-2 mb-2 flex h-auto flex-col rounded-lg border px-3 py-2.5 text-sm font-semibold md:max-w-sm">
2121
<div className="flex items-center gap-2">
2222
<span className="mt-0.5">
2323
<Icon name="file-down" className="h-4 w-4" />
2424
</span>
2525
<p className="m-0 w-full text-left">{message || defaultMessage}</p>
26-
<button onClick={() => onClose(toastId)}>
26+
<button onClick={() => onClose(toastId)} aria-label={t("close")}>
2727
<Icon name="x" className="h-4 w-4 hover:cursor-pointer" />
2828
</button>
2929
</div>

0 commit comments

Comments
 (0)