feat(image): alt text in image

Vincent HEMERY · coderabbitai[bot] · web-flow · commit 3a96e40e20a2 · 2024-11-13T10:04:34.000+01:00
Use fallback values for alt property

Co-authored-by: coderabbitai[bot] &lt;136622811+coderabbitai[bot]@users.noreply.github.com&gt;
diff --git a/app/client/src/widgets/ImageWidget/component/index.tsx b/app/client/src/widgets/ImageWidget/component/index.tsx
@@ -291,7 +291,7 @@ class ImageComponent extends React.Component<
                 >
                   {/* Used for running onImageError and onImageLoad Functions since Background Image doesn't have the functionality */}
                   <img
-                    alt={this.props.alt}
+                    alt={this.props.alt || this.props.widgetName || "Image"}
                     onError={this.onImageError}
                     onLoad={this.onImageLoad}
                     src={this.props.imageUrl || this.props.defaultImageUrl}

Original file line number	Diff line number	Diff line change
`@@ -291,7 +291,7 @@ class ImageComponent extends React.Component<`
`291`	`291`	`>`
`292`	`292`	`{/* Used for running onImageError and onImageLoad Functions since Background Image doesn't have the functionality */}`
`293`	`293`	`<img`
`294`		`- alt={this.props.alt}`
	`294`	`+ alt={this.props.alt \|\| this.props.widgetName \|\| "Image"}`
`295`	`295`	`onError={this.onImageError}`
`296`	`296`	`onLoad={this.onImageLoad}`
`297`	`297`	`src={this.props.imageUrl \|\| this.props.defaultImageUrl}`