LPD-19076 Hide label with CSS

jorgediaz-lr · Mar 15, 2024 · 46706fe · 46706fe
1 parent d15c9bb
commit 46706fe
Showing 1 changed file with 3 additions and 1 deletion.
diff --git a/...ents-web/src/main/resources/META-INF/resources/js/components/color_picker/ColorPicker.tsx b/...ents-web/src/main/resources/META-INF/resources/js/components/color_picker/ColorPicker.tsx
@@ -270,7 +270,9 @@ export default function ColorPicker({
 
 	return (
 		<ClayForm.Group aria-label={field.label} small>
-			{showLabel ? <label>{field.label}</label> : null}
+			<label className={classNames({'sr-only': !showLabel})}>
+				{field.label}
+			</label>
 
 			<div
 				className={classNames('layout__color-picker', {