Add aria-label={title} if no label provided (a11y)

acusti · Mar 5, 2024 · dfc7fe8 · dfc7fe8
1 parent 804b3eb
commit dfc7fe8
Showing 1 changed file with 5 additions and 1 deletion.
diff --git a/packages/css-value-input/src/CSSValueInput.tsx b/packages/css-value-input/src/CSSValueInput.tsx
@@ -287,7 +287,11 @@ export default React.forwardRef<HTMLInputElement, Props>(function CSSValueInput(
     );
 
     return (
-        <label className={clsx(ROOT_CLASS_NAME, className, { disabled })} title={title}>
+        <label
+            aria-label={label ? undefined : title}
+            className={clsx(ROOT_CLASS_NAME, className, { disabled })}
+            title={title}
+        >
             {icon ? <div className={`${ROOT_CLASS_NAME}-icon`}>{icon}</div> : null}
             {label ? (
                 <div className={`${ROOT_CLASS_NAME}-label`}>