Fix: Add scale context to slider start and end labels (#176)

adaptlearning · Mar 20, 2023 · 68f06bf · 68f06bf
1 parent a5eb788
commit 68f06bf
Showing 1 changed file with 4 additions and 2 deletions.
diff --git a/templates/slider.jsx b/templates/slider.jsx
@@ -99,16 +99,18 @@ export default function Slider (props) {
         <div className="slider__label-container js-slider-label-container">
 
           {labelStart &&
-          <div className="slider__label-start" aria-label={_globals._components._slider.labelStart}>
+          <div className="slider__label-start">
             <div className="slider__label-start-inner">
+              <span className="aria-label">{_globals._components._slider.labelStart} {_scaleStart}</span>
               {labelStart}
             </div>
           </div>
           }
 
           {labelEnd &&
-          <div className="slider__label-end" aria-label={_globals._components._slider.labelEnd}>
+          <div className="slider__label-end">
             <div className="slider__label-end-inner">
+              <span className="aria-label">{_globals._components._slider.labelEnd} {_scaleEnd}</span>
               {labelEnd}
             </div>
           </div>