diff --git a/.changeset/violet-rats-reflect.md b/.changeset/violet-rats-reflect.md
new file mode 100644
index 0000000000..7122f3907f
--- /dev/null
+++ b/.changeset/violet-rats-reflect.md
@@ -0,0 +1,5 @@
+---
+'@sumup/circuit-ui': patch
+---
+
+Improved the accessibility of the `ImageInput` component by associating the validation hint with the input and announcing updates to screen reader users.
diff --git a/packages/circuit-ui/components/ImageInput/ImageInput.tsx b/packages/circuit-ui/components/ImageInput/ImageInput.tsx
index d64943b977..e745d8d2be 100644
--- a/packages/circuit-ui/components/ImageInput/ImageInput.tsx
+++ b/packages/circuit-ui/components/ImageInput/ImageInput.tsx
@@ -335,6 +335,7 @@ export const ImageInput = ({
 
   const inputRef = useRef<HTMLInputElement>(null);
   const id = customId || uniqueId('image-input_');
+  const validationHintId = uniqueId('validation-hint_');
   const [isLoading, setIsLoading] = useState<boolean>(false);
   const [isDragging, setDragging] = useState<boolean>(false);
   const [previewImage, setPreviewImage] = useState<string>('');
@@ -434,6 +435,7 @@ export const ImageInput = ({
           onClick={handleClick}
           disabled={disabled || isLoading}
           aria-invalid={invalid}
+          aria-describedby={validationHintId}
           {...props}
         />
         <StyledLabel
@@ -480,7 +482,12 @@ export const ImageInput = ({
           <LoadingLabel>{loadingLabel}</LoadingLabel>
         </LoadingIcon>
       </InputWrapper>
-      <ValidationHint validationHint={validationHint} invalid={invalid} />
+      <ValidationHint
+        id={validationHintId}
+        aria-live="polite"
+        validationHint={validationHint}
+        invalid={invalid}
+      />
     </Fragment>
   );
 };
diff --git a/packages/circuit-ui/components/ImageInput/__snapshots__/ImageInput.spec.tsx.snap b/packages/circuit-ui/components/ImageInput/__snapshots__/ImageInput.spec.tsx.snap
index e319f093e5..5803e2f77c 100644
--- a/packages/circuit-ui/components/ImageInput/__snapshots__/ImageInput.spec.tsx.snap
+++ b/packages/circuit-ui/components/ImageInput/__snapshots__/ImageInput.spec.tsx.snap
@@ -289,14 +289,15 @@ exports[`ImageInput styles should render a custom component 1`] = `
   >
     <input
       accept="image/*"
+      aria-describedby="validation-hint_10"
       aria-invalid="false"
       class="circuit-1"
-      id="image-input_5"
+      id="image-input_9"
       type="file"
     />
     <label
       class="circuit-2"
-      for="image-input_5"
+      for="image-input_9"
     >
       <span
         class="circuit-3"
@@ -663,14 +664,15 @@ exports[`ImageInput styles should render with an existing image 1`] = `
   >
     <input
       accept="image/*"
+      aria-describedby="validation-hint_4"
       aria-invalid="false"
       class="circuit-1"
-      id="image-input_2"
+      id="image-input_3"
       type="file"
     />
     <label
       class="circuit-2"
-      for="image-input_2"
+      for="image-input_3"
     >
       <span
         class="circuit-3"
@@ -1038,6 +1040,7 @@ exports[`ImageInput styles should render with default styles 1`] = `
   >
     <input
       accept="image/*"
+      aria-describedby="validation-hint_2"
       aria-invalid="false"
       class="circuit-1"
       id="image-input_1"
@@ -1438,14 +1441,15 @@ exports[`ImageInput styles should render with invalid styles 1`] = `
   >
     <input
       accept="image/*"
+      aria-describedby="validation-hint_6"
       aria-invalid="true"
       class="circuit-1"
-      id="image-input_3"
+      id="image-input_5"
       type="file"
     />
     <label
       class="circuit-2"
-      for="image-input_3"
+      for="image-input_5"
     >
       <span
         class="circuit-3"
@@ -1506,7 +1510,9 @@ exports[`ImageInput styles should render with invalid styles 1`] = `
     </span>
   </div>
   <span
+    aria-live="polite"
     class="circuit-12"
+    id="validation-hint_6"
   >
     <div
       class="circuit-13"
@@ -1837,14 +1843,15 @@ exports[`ImageInput styles should render with smaller button 1`] = `
   >
     <input
       accept="image/*"
+      aria-describedby="validation-hint_8"
       aria-invalid="false"
       class="circuit-1"
-      id="image-input_4"
+      id="image-input_7"
       type="file"
     />
     <label
       class="circuit-2"
-      for="image-input_4"
+      for="image-input_7"
     >
       <span
         class="circuit-3"
diff --git a/packages/circuit-ui/components/ValidationHint/ValidationHint.tsx b/packages/circuit-ui/components/ValidationHint/ValidationHint.tsx
index 079808b06d..f27bca0d6c 100644
--- a/packages/circuit-ui/components/ValidationHint/ValidationHint.tsx
+++ b/packages/circuit-ui/components/ValidationHint/ValidationHint.tsx
@@ -148,6 +148,7 @@ export const ValidationHint = ({
 
   return (
     <Wrapper
+      {...props}
       invalid={props.invalid}
       showValid={props.showValid}
       hasWarning={props.hasWarning}