From 11ea8af2946083de9ff8b757eeb7a158954d2db3 Mon Sep 17 00:00:00 2001
From: joe-allen-89 <85872286+joe-allen-89@users.noreply.github.com>
Date: Fri, 12 Jul 2024 16:19:11 +0100
Subject: [PATCH 1/3] Fix: aria-valuetext attribute added to the slider to read
 out prefix/suffix (fixes #211)

---
 templates/slider.jsx | 1 +
 1 file changed, 1 insertion(+)

diff --git a/templates/slider.jsx b/templates/slider.jsx
index e05881f..7ae94d2 100644
--- a/templates/slider.jsx
+++ b/templates/slider.jsx
@@ -177,6 +177,7 @@ export default function Slider (props) {
           <input className='slider__item-input js-slider-item-input'
             type='range'
             aria-label={ariaScaleName}
+            aria-valuetext={`${scaleStepPrefix} ${selectedValue} ${scaleStepSuffix}`}
             value={selectedValue}
             min={_scaleStart}
             max={_scaleEnd}

From 96809de144b93b5c4ce4cc4a7d944dac44949793 Mon Sep 17 00:00:00 2001
From: joe-allen-89 <85872286+joe-allen-89@users.noreply.github.com>
Date: Fri, 12 Jul 2024 16:35:42 +0100
Subject: [PATCH 2/3] conditional added to aria-valuetext

---
 templates/slider.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/slider.jsx b/templates/slider.jsx
index 7ae94d2..215e0fb 100644
--- a/templates/slider.jsx
+++ b/templates/slider.jsx
@@ -177,7 +177,7 @@ export default function Slider (props) {
           <input className='slider__item-input js-slider-item-input'
             type='range'
             aria-label={ariaScaleName}
-            aria-valuetext={`${scaleStepPrefix} ${selectedValue} ${scaleStepSuffix}`}
+            aria-valuetext={(scaleStepPrefix || scaleStepSuffix) && `${scaleStepPrefix} ${selectedValue} ${scaleStepSuffix}`}
             value={selectedValue}
             min={_scaleStart}
             max={_scaleEnd}

From 41976c63dd7bd21c179583d13fa00cfd824f153f Mon Sep 17 00:00:00 2001
From: joe-allen-89 <85872286+joe-allen-89@users.noreply.github.com>
Date: Tue, 16 Jul 2024 10:24:46 +0100
Subject: [PATCH 3/3] update to add null to conditonal

---
 templates/slider.jsx | 2 +-
 1 file changed, 1 insertion(+), 1 deletion(-)

diff --git a/templates/slider.jsx b/templates/slider.jsx
index 215e0fb..ceaf812 100644
--- a/templates/slider.jsx
+++ b/templates/slider.jsx
@@ -177,7 +177,7 @@ export default function Slider (props) {
           <input className='slider__item-input js-slider-item-input'
             type='range'
             aria-label={ariaScaleName}
-            aria-valuetext={(scaleStepPrefix || scaleStepSuffix) && `${scaleStepPrefix} ${selectedValue} ${scaleStepSuffix}`}
+            aria-valuetext={(scaleStepPrefix || scaleStepSuffix) ? `${scaleStepPrefix} ${selectedValue} ${scaleStepSuffix}` : null}
             value={selectedValue}
             min={_scaleStart}
             max={_scaleEnd}