add label to the FileUpload component due to failing a11y tests

uktrade · Feb 27, 2024 · ced272e · ced272e
1 parent d12e100
commit ced272e
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/src/client/components/Form/elements/FieldFileUpload/index.jsx b/src/client/components/Form/elements/FieldFileUpload/index.jsx
@@ -12,13 +12,15 @@ const FieldFileUpload = ({ name, required, label }) => {
   })
 
   return (
-    <FieldWrapper name={name} label={label}>
+    <FieldWrapper name={name}>
       <FileUpload
         name={name}
         onChange={onChangeFileUpload}
         onBlur={onBlur}
         meta={{ error, touched }}
-      />
+      >
+        <strong>{label}</strong>
+      </FileUpload>
     </FieldWrapper>
   )
 }