Support aria-label / alt

th3rdwave · Sep 11, 2024 · 12fd01d · 12fd01d
1 parent dc0b7a4
commit 12fd01d
Show file tree

Hide file tree

Showing 3 changed files with 2,614 additions and 37 deletions.
diff --git a/packages/web-image/package.json b/packages/web-image/package.json
@@ -38,7 +38,7 @@
   "devDependencies": {
     "@react-native-community/bob": "^0.13.1",
     "@types/react": "^17.0.19",
-    "@types/react-native": "^0.64.13",
+    "@types/react-native": "^0.73.0",
     "react": "^16.13.1",
     "react-native-web": "^0.12.2",
     "typescript": "^4.4.2"

diff --git a/packages/web-image/src/Image.tsx b/packages/web-image/src/Image.tsx
@@ -199,6 +199,8 @@ export const Image = React.forwardRef<View, ImageProps>(
       source,
       resizeMode: propsResizeMode,
       accessibilityLabel,
+      'aria-label': ariaLabel,
+      alt,
       width,
       height,
       critical,
@@ -335,7 +337,7 @@ export const Image = React.forwardRef<View, ImageProps>(
               }}
               src={resolvedSource.uri}
               loading={critical ? 'eager' : 'lazy'}
-              alt={accessibilityLabel}
+              alt={alt ?? ariaLabel ?? accessibilityLabel}
               width={resolvedSource.width}
               height={resolvedSource.height}
               draggable={draggable}