From 90450732153be55203c5367a92df5be1bbfa533f Mon Sep 17 00:00:00 2001
From: Khuda Dad Nomani <khudadad414@gmail.com>
Date: Tue, 24 Oct 2023 15:25:50 +0100
Subject: [PATCH] add area-label to form

---
 packages/ui/components/Form/Form.tsx            | 2 +-
 packages/ui/components/Form/Inputs/TextArea.tsx | 1 +
 2 files changed, 2 insertions(+), 1 deletion(-)

diff --git a/packages/ui/components/Form/Form.tsx b/packages/ui/components/Form/Form.tsx
index c71f705bf..465d95acb 100644
--- a/packages/ui/components/Form/Form.tsx
+++ b/packages/ui/components/Form/Form.tsx
@@ -7,7 +7,7 @@ export type FormProps = {
   children?: React.ReactNode
 }
 export const Form = ({ className, title, children }: FormProps) => (
-  <RadixForm.Root className={`m-8 ${className}`}>
+  <RadixForm.Root className={`m-8 ${className}`} aria-label={title}>
     <div className="flex flex-col gap-4">
       {title && (
         <h2 className="mb-4 text-transparent bg-gradient-to-l from-gray-100 via-gray-300 capitalize to-gray-100 bg-clip-text text-[32px] leading-8 font-semibold text-gray-200">
diff --git a/packages/ui/components/Form/Inputs/TextArea.tsx b/packages/ui/components/Form/Inputs/TextArea.tsx
index 92e0a3f4f..4e881fb02 100644
--- a/packages/ui/components/Form/Inputs/TextArea.tsx
+++ b/packages/ui/components/Form/Inputs/TextArea.tsx
@@ -12,6 +12,7 @@ export type TextAreaProps = {
 export const TextArea = ({onChange, rows, name, value, isDisabled, isResizable, placeholder, className} : TextAreaProps) => {
   return <textarea
     name={name}
+    aria-label={name}
     value={value}
     onChange={onChange}
     disabled={isDisabled}