Merge pull request #120 from rjsdnql123/dev

(feat): adding aria-label, aria-describedby, role
KarimMokhtar · Oct 22, 2024 · 6944fc5 · 6944fc5
2 parents 6fd6cb6 + a36f9ff
commit 6944fc5
Showing 1 changed file with 8 additions and 1 deletion.
diff --git a/src/FileUploader.tsx b/src/FileUploader.tsx
@@ -32,6 +32,8 @@ type Props = {
   handleChange?: (arg0: File | Array<File> | File) => void;
   onDraggingStateChange?: (dragging: boolean) => void;
   dropMessageStyle?: React.CSSProperties | undefined;
+  ariaLabel?: string | undefined;
+  ariaDescribedby?: string | undefined;
 };
 /**
  *
@@ -136,7 +138,9 @@ const FileUploader: React.FC<Props> = (props: Props): JSX.Element => {
     multiple,
     required,
     onDraggingStateChange,
-    dropMessageStyle
+    dropMessageStyle,
+    ariaLabel,
+    ariaDescribedby
   } = props;
   const labelRef = useRef<HTMLLabelElement>(null);
   const inputRef = useRef<HTMLInputElement>(null);
@@ -235,6 +239,9 @@ const FileUploader: React.FC<Props> = (props: Props): JSX.Element => {
       ref={labelRef}
       htmlFor={name}
       onClick={blockEvent}
+      aria-describedby={ariaDescribedby}
+      role="button"
+      aria-label={ariaLabel}
     >
       <input
         onClick={handleClick}