From e6dc678949971fff37c258d53a8346e4398eade4 Mon Sep 17 00:00:00 2001
From: Gautam Kumar <kumargautamsingh777@gmail.com>
Date: Thu, 5 Nov 2026 17:08:14 +0530
Subject: [PATCH] [ImageBackground] Forward aria-hidden and
 accessibilityElementsHidden to wrapper View

---
 .../Libraries/Image/ImageBackground.js        |  6 +++++
 .../Image/__tests__/ImageBackground-itest.js  | 26 +++++++++++++++++++
 2 files changed, 32 insertions(+)

diff --git a/packages/react-native/Libraries/Image/ImageBackground.js b/packages/react-native/Libraries/Image/ImageBackground.js
index 15e2243d98f2..47968f40ada4 100644
--- a/packages/react-native/Libraries/Image/ImageBackground.js
+++ b/packages/react-native/Libraries/Image/ImageBackground.js
@@ -75,6 +75,8 @@ class ImageBackground extends React.Component<ImageBackgroundProps> {
       imageStyle,
       imageRef,
       importantForAccessibility,
+      'aria-hidden': ariaHidden,
+      accessibilityElementsHidden,
       ...props
     } = this.props;
 
@@ -82,13 +84,17 @@ class ImageBackground extends React.Component<ImageBackgroundProps> {
     const flattenedStyle = flattenStyle(style);
     return (
       <View
+        accessibilityElementsHidden={accessibilityElementsHidden}
         accessibilityIgnoresInvertColors={true}
+        aria-hidden={ariaHidden}
         importantForAccessibility={importantForAccessibility}
         style={style}
         ref={this._captureRef}>
         {/* $FlowFixMe[incompatible-use] */}
         <Image
           {...props}
+          accessibilityElementsHidden={accessibilityElementsHidden}
+          aria-hidden={ariaHidden}
           importantForAccessibility={importantForAccessibility}
           style={[
             StyleSheet.absoluteFill,
diff --git a/packages/react-native/Libraries/Image/__tests__/ImageBackground-itest.js b/packages/react-native/Libraries/Image/__tests__/ImageBackground-itest.js
index 38240eaca7ba..9d7ed5389cbf 100644
--- a/packages/react-native/Libraries/Image/__tests__/ImageBackground-itest.js
+++ b/packages/react-native/Libraries/Image/__tests__/ImageBackground-itest.js
@@ -135,6 +135,32 @@ describe('<ImageBackground>', () => {
         );
       });
     });
+
+    describe('aria-hidden', () => {
+      it('is set on both the wrapper `View` and the inner `Image`', () => {
+        const root = Fantom.createRoot();
+
+        Fantom.runTask(() => {
+          root.render(
+            <ImageBackground
+              aria-hidden={true}
+              style={{width: 150, height: 50}}
+              source={{uri: 'foo-bar.jpg'}}
+            />,
+          );
+        });
+
+        expect(
+          root
+            .getRenderedOutput({props: ['importantForAccessibility']})
+            .toJSX(),
+        ).toEqual(
+          <rn-view importantForAccessibility="no-hide-descendants">
+            <rn-image importantForAccessibility="no-hide-descendants" />
+          </rn-view>,
+        );
+      });
+    });
   });
 
   describe('ref', () => {