From 3ddd21bced3912fb3d857e1582ec537e4d41a1d0 Mon Sep 17 00:00:00 2001 From: MinamiFunakoshiTR Date: Thu, 13 Mar 2025 12:23:37 -0700 Subject: [PATCH] tweak --- src/components/BeforeAfter/BeforeAfter.mdx | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/components/BeforeAfter/BeforeAfter.mdx b/src/components/BeforeAfter/BeforeAfter.mdx index 41529395..3ce6f1e3 100644 --- a/src/components/BeforeAfter/BeforeAfter.mdx +++ b/src/components/BeforeAfter/BeforeAfter.mdx @@ -61,7 +61,7 @@ afterAlt: Satellite image of Russian base at Myrne taken on Oct. 20, 2020. ## Adding text -To add text overlays and captions, use [snippets](https://svelte.dev/docs/svelte/snippet) for `beforeOverlay`, `afterOverlay` and `caption`. You can style these snippets to match your page design, like in [this demo](./?path=/story/components-multimedia-beforeafter--with-overlays). +To add text overlays and captions, use [snippets](https://svelte.dev/docs/svelte/snippet) for `beforeOverlay`, `afterOverlay` and `caption`. You can style the snippets to match your page design, like in [this demo](./?path=/story/components-multimedia-beforeafter--with-overlays). > 💡**NOTE:** The text in the overlays are used as [ARIA descriptions](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Attributes/aria-describedby) for your before and after images. You must always use the `beforeAlt` / `afterAlt` props to label your image for visually impaired readers, but these ARIA descriptions provide additional information or context that the reader might need.