Add role and aria-label to arrows

midudev · Apr 8, 2020 · 493e830 · 493e830
1 parent 0a74a24
commit 493e830
Showing 1 changed file with 4 additions and 0 deletions.
diff --git a/src/react-slidy-slider.js b/src/react-slidy-slider.js
@@ -139,13 +139,17 @@ export default function ReactSlidySlider({
       {showArrows && (
         <>
           <span
+            arial-label="Previous"
             className={`${classNameBase}-prev`}
+            role="button"
             disabled={index === 0}
             onClick={handlePrev}
           />
           <span
+            arial-label="Next"
             className={`${classNameBase}-next`}
             disabled={items.length <= numOfSlides || index === items.length - 1}
+            role="button"
             onClick={handleNext}
           />
         </>