From c14e6e10743a477579414c901f043929a197e124 Mon Sep 17 00:00:00 2001
From: Daniel Bulant <danbulant@gmail.com>
Date: Tue, 17 May 2022 14:40:44 +0200
Subject: [PATCH] improve accessibility for image captions

---
 src/lib/components/posts/image.svelte | 16 +++++++++++-----
 1 file changed, 11 insertions(+), 5 deletions(-)

diff --git a/src/lib/components/posts/image.svelte b/src/lib/components/posts/image.svelte
index 6135386..a1712ed 100644
--- a/src/lib/components/posts/image.svelte
+++ b/src/lib/components/posts/image.svelte
@@ -1,18 +1,24 @@
 <script>
-    import Described from "./described.svelte";
-
     export var src;
     export var alt;
     export var title;
 </script>
 
-<Described>
+<figure>
     <img {src} {alt} {title} name="content">
-    <slot />
-</Described>
+    <figcaption>
+        <slot />
+    </figcaption>
+</figure>
 
 <style>
     img {
         border-radius: 5px;
     }
+    figcaption {
+        text-align: center;
+        color: gray;
+        width: 100%;
+        display: inline-block;
+    }
 </style>
\ No newline at end of file