RND-8165: make sure we get alt text coming through on InlineImage (#3696)

BrettJephson · web-flow · commit badf3a92f608 · 2025-10-03T09:40:34.000+01:00
diff --git a/.changeset/shaggy-shoes-eat.md b/.changeset/shaggy-shoes-eat.md
@@ -0,0 +1,5 @@
+---
+"gitbook": patch
+---
+
+Add alt text to inline image
diff --git a/packages/gitbook/src/components/DocumentView/InlineImage.tsx b/packages/gitbook/src/components/DocumentView/InlineImage.tsx
@@ -34,7 +34,7 @@ export async function InlineImage(props: InlineProps<DocumentInlineImage>) {
             )}
         >
             <Image
-                alt={inline.data.caption ?? ''}
+                alt={inline.data.alt ?? inline.data.caption ?? ''}
                 sizes={sizes}
                 resize={context.contentContext?.imageResizer}
                 sources={{

-Original file line number
+Diff line change
@@ @@ -0,0 +1,5 @@ @@
 +---
 +"gitbook": patch
 +---
++
 +Add alt text to inline image
Original file line number	Diff line number	Diff line change
`@@ -34,7 +34,7 @@ export async function InlineImage(props: InlineProps<DocumentInlineImage>) {`
`34`	`34`	`)}`
`35`	`35`	`>`
`36`	`36`	`<Image`
`37`		`- alt={inline.data.caption ?? ''}`
	`37`	`+ alt={inline.data.alt ?? inline.data.caption ?? ''}`
`38`	`38`	`sizes={sizes}`
`39`	`39`	`resize={context.contentContext?.imageResizer}`
`40`	`40`	`sources={{`