Edit caption blueprint and style

site/blueprints/files/artwork.yml

@@ -9,6 +9,9 @@ fields:
 			en: Alternative text
 			fr: Texte alternatif
 		type: text
+		help:
+			en: "Short description displayed if the image can't be loaded and used by screen readers."
+			fr: "Courte description affichée si l'image ne peut être chargée et utilisée par les lecteurs d'écran."
 	poster:
 		when:
 			file_type: video
@@ -31,4 +34,13 @@ fields:
 		label:
 			en: Caption
 			fr: Légende
-		type: text
+		type: textarea
+		buttons:
+			- bold
+			- italic
+			- '|'
+			- link
+			- '|'
+		help:
+			en: "Informative text displayed below the image or video."
+			fr: "Texte informatif affiché sous l'image ou la vidéo."

site/blueprints/files/image.yml

@@ -7,8 +7,20 @@ fields:
 			en: Alternative text
 			fr: Texte alternatif
 		type: text
+		help:
+			en: "Short description displayed if the image can't be loaded and used by screen readers."
+			fr: "Courte description affichée si l'image ne peut être chargée et utilisée par les lecteurs d'écran."
 	caption:
 		label:
 			en: Caption
 			fr: Légende
-		type: text
+		type: textarea
+		buttons:
+			- bold
+			- italic
+			- '|'
+			- link
+			- '|'
+		help:
+			en: "Informative text displayed below the image."
+			fr: "Texte informatif affiché sous l'image."

site/templates/gallery.twig

@@ -34,7 +34,7 @@
 								<img class="gallery__image" src="{{ artwork.url }}" srcset="{{ artwork.srcset() }}" alt="{{ artwork.alt_text }}">
 							{% endif %}
 							{% if artwork.caption %}
-								<figcaption>{{ artwork.caption }}</figcaption>
+								<figcaption>{{ artwork.caption.kirbytext|raw }}</figcaption>
 							{% endif %}
 						</figure>
 					{% endfor %}