From 8de33b64619055f2efa96df2204828346c164761 Mon Sep 17 00:00:00 2001
From: MinamiFunakoshiTR <minami.funakoshi@thomsonreuters.com>
Date: Thu, 13 Mar 2025 12:46:59 -0700
Subject: [PATCH] fixes aria desc/label handling

---
 src/components/BeforeAfter/BeforeAfter.svelte | 12 +++++++-----
 1 file changed, 7 insertions(+), 5 deletions(-)

diff --git a/src/components/BeforeAfter/BeforeAfter.svelte b/src/components/BeforeAfter/BeforeAfter.svelte
index 5f59e714..a4543746 100644
--- a/src/components/BeforeAfter/BeforeAfter.svelte
+++ b/src/components/BeforeAfter/BeforeAfter.svelte
@@ -203,7 +203,7 @@
         ontouchstart={start}
         onmousedown={start}
         bind:this={figure}
-        aria-labelledby={(caption && `${id}-caption`) || undefined}
+        aria-labelledby={caption ? `${id}-caption` : undefined}
       >
         <img
           bind:this={img}
@@ -212,8 +212,9 @@
           onload={measureLoadedImage}
           style={imgStyle}
           class="after absolute block m-0 max-w-full object-cover"
-          aria-describedby={(beforeOverlay && `${id}-before-description`) ||
-            undefined}
+          aria-describedby={beforeOverlay ?
+            `${id}-before-description`
+          : undefined}
         />
 
         <img
@@ -221,8 +222,9 @@
           alt={beforeAlt}
           style="clip: rect(0 {x}px {containerHeight}px 0);{imgStyle}"
           class="before absolute block m-0 max-w-full object-cover"
-          aria-describedby={(afterOverlay && `${id}-after-description`) ||
-            undefined}
+          aria-describedby={afterOverlay ?
+            `${id}-after-description`
+          : undefined}
         />
         {#if beforeOverlay}
           <div