From 493e8306618538c9186418ab87ff7bf77da2f79a Mon Sep 17 00:00:00 2001
From: midudev <miduga@gmail.com>
Date: Wed, 8 Apr 2020 13:49:49 +0200
Subject: [PATCH] Add role and aria-label to arrows

---
 src/react-slidy-slider.js | 4 ++++
 1 file changed, 4 insertions(+)

diff --git a/src/react-slidy-slider.js b/src/react-slidy-slider.js
index eadb86e..46d5658 100644
--- 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}
           />
         </>