From 442b00989e01042cfbfa720076b6d8b8504562fd Mon Sep 17 00:00:00 2001
From: MinamiFunakoshiTR <minami.funakoshi@thomsonreuters.com>
Date: Thu, 13 Mar 2025 13:17:45 -0700
Subject: [PATCH] renames to ariaLabel

---
 src/components/BeforeAfter/BeforeAfter.svelte | 8 ++++----
 1 file changed, 4 insertions(+), 4 deletions(-)

diff --git a/src/components/BeforeAfter/BeforeAfter.svelte b/src/components/BeforeAfter/BeforeAfter.svelte
index b71930b6..c3a8dc62 100644
--- a/src/components/BeforeAfter/BeforeAfter.svelte
+++ b/src/components/BeforeAfter/BeforeAfter.svelte
@@ -61,8 +61,8 @@
      * Optional snippet for a custom caption.
      */
     caption?: Snippet;
-    /** Custom ARIA label language to label the slider. */
-    sliderAriaLabel?: string;
+    /** Custom ARIA label language to label the component. */
+    ariaLabel?: string;
   }
 
   let {
@@ -83,7 +83,7 @@
     beforeOverlay,
     afterOverlay,
     caption,
-    sliderAriaLabel = 'Stacked before and after images with an adjustable slider',
+    ariaLabel = 'Stacked before and after images with an adjustable slider',
   }: Props = $props();
 
   /** DOM nodes are undefined until the component is mounted — in other words, you should read it inside an effect or an event handler, but not during component initialisation.
@@ -206,7 +206,7 @@
         ontouchstart={start}
         onmousedown={start}
         bind:this={figure}
-        aria-label={sliderAriaLabel}
+        aria-label={ariaLabel}
       >
         <img
           bind:this={img}