add area-label to form

KhudaDad414 · Oct 24, 2023 · 9045073 · 9045073
1 parent da1a3ad
commit 9045073
Show file tree

Hide file tree

Showing 2 changed files with 2 additions and 1 deletion.
diff --git 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
@@ -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}