From 54a715c5923af6c96edab6a7bc05ad293fb8ca9d Mon Sep 17 00:00:00 2001
From: nerdyman <averynerdyman@gmail.com>
Date: Thu, 8 Feb 2024 16:39:31 +0000
Subject: [PATCH] fix: move `aria-label` to handle container `button` element,
 closes #130

---
 lib/src/Container.tsx                | 1 +
 lib/src/ReactCompareSliderHandle.tsx | 7 +------
 2 files changed, 2 insertions(+), 6 deletions(-)

diff --git a/lib/src/Container.tsx b/lib/src/Container.tsx
index 890e1fc..9b448cf 100644
--- a/lib/src/Container.tsx
+++ b/lib/src/Container.tsx
@@ -54,6 +54,7 @@ export const ContainerHandle = forwardRef<
   return (
     <button
       ref={ref}
+      aria-label="Drag to move or focus and use arrow keys"
       aria-orientation={portrait ? 'vertical' : 'horizontal'}
       aria-valuemin={0}
       aria-valuemax={100}
diff --git a/lib/src/ReactCompareSliderHandle.tsx b/lib/src/ReactCompareSliderHandle.tsx
index d182ed4..6f6ca75 100644
--- a/lib/src/ReactCompareSliderHandle.tsx
+++ b/lib/src/ReactCompareSliderHandle.tsx
@@ -86,12 +86,7 @@ export const ReactCompareSliderHandle: FC<
   };
 
   return (
-    <div
-      {...props}
-      aria-label={props['aria-label'] || 'Drag to move'}
-      className={className}
-      style={_style}
-    >
+    <div {...props} className={className} style={_style}>
       <div className="__rcs-handle-line" style={_linesStyle} />
       <div className="__rcs-handle-button" style={_buttonStyle}>
         <ThisArrow />