From 453e55d42aa0863e3a2d2314d6dd3ccacf48efdc Mon Sep 17 00:00:00 2001
From: "noa.santo" <noa.santo@satellytes.com>
Date: Thu, 19 Sep 2024 16:07:57 +0200
Subject: [PATCH] fix (a11y): set aria-required to the correct value

---
 src/components/forms/checkbox/checkbox.tsx     | 2 +-
 src/components/forms/text-area/text-area.tsx   | 2 +-
 src/components/forms/text-input/text-input.tsx | 2 +-
 3 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/components/forms/checkbox/checkbox.tsx b/src/components/forms/checkbox/checkbox.tsx
index ea4f3a697..7efc8a0ee 100644
--- a/src/components/forms/checkbox/checkbox.tsx
+++ b/src/components/forms/checkbox/checkbox.tsx
@@ -84,7 +84,7 @@ export const Checkbox = (
     <div>
       <CheckboxLabel>
         <HiddenCheckbox
-          aria-required={true}
+          aria-required={Boolean(props.rules?.required)}
           aria-describedby={errorMessage && `${props.name}-error`}
           aria-labelledby={props.label && `${props.name}-label`}
           aria-invalid={Boolean(errorMessage)}
diff --git a/src/components/forms/text-area/text-area.tsx b/src/components/forms/text-area/text-area.tsx
index 95a52b529..5787d6b2c 100644
--- a/src/components/forms/text-area/text-area.tsx
+++ b/src/components/forms/text-area/text-area.tsx
@@ -46,7 +46,7 @@ export const TextArea = (
         </Label>
       )}
       <StyledTextArea
-        aria-required={true}
+        aria-required={Boolean(props.rules?.required)}
         aria-describedby={errorMessage && `${props.name}-error`}
         aria-invalid={Boolean(errorMessage)}
         $hasError={Boolean(errorMessage)}
diff --git a/src/components/forms/text-input/text-input.tsx b/src/components/forms/text-input/text-input.tsx
index 6dd8cd95e..0bccec83e 100644
--- a/src/components/forms/text-input/text-input.tsx
+++ b/src/components/forms/text-input/text-input.tsx
@@ -65,7 +65,7 @@ export const TextInput = (
       )}
       <Input
         type={'text'}
-        aria-required={true}
+        aria-required={Boolean(props.rules?.required)}
         aria-describedby={errorMessage && `${props.name}-error`}
         aria-invalid={Boolean(errorMessage)}
         $hasError={Boolean(errorMessage)}