diff --git a/src/content/docs/fr/guides/images.mdx b/src/content/docs/fr/guides/images.mdx
index 4de7ea8593dd0..925140388cfff 100644
--- a/src/content/docs/fr/guides/images.mdx
+++ b/src/content/docs/fr/guides/images.mdx
@@ -468,11 +468,12 @@ Par exemple, vous pouvez créer un composant pour les images de vos articles de
 
 ```astro title="src/components/BlogPostImage.astro"
 ---
-import { Image } from 'astro:assets';
+import { Image } from "astro:assets";
 
-const { src, ...attrs } = Astro.props;
+const { alt, src, ...attrs } = Astro.props;
 ---
-<Image src={src} {...attrs} />
+
+<Image alt={alt} src={src} {...attrs} />
 
 <style>
   img {
@@ -649,7 +650,7 @@ const optimizedBackground = await getImage({ src: myBackground, format: "avif" }
 <div id="background" data-src={optimizedBackground.src}></div>
 
 <script>
-  const src = document.getElementById("background").dataset.src;
+  const src = document.getElementById("background")?.dataset.src;
   // utilisez `src` côté client selon vos besoins
 </script>
 ```