[sparkle] - fix: ensure buttons have an accessible aria-label (#8277)

- A fallback is added for the aria-label attribute in the Button component to improve accessibility Co-authored-by: Jules <jules@MacBook-Pro.local>
dust-tt · Oct 28, 2024 · b9cb385 · b9cb385
1 parent 25756d3
commit b9cb385
Showing 1 changed file with 2 additions and 0 deletions.
diff --git a/sparkle/src/components/Button.tsx b/sparkle/src/components/Button.tsx
@@ -129,6 +129,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
       isSelect = false,
       isPulsing = false,
       size,
+      "aria-label": ariaLabel,
       ...props
     },
     ref
@@ -163,6 +164,7 @@ const Button = React.forwardRef<HTMLButtonElement, ButtonProps>(
         variant={variant}
         disabled={isLoading || props.disabled}
         className={isPulsing ? "s-animate-pulse" : ""}
+        aria-label={ariaLabel || tooltip || label}
         style={
           {
             "--pulse-color": "#93C5FD",