Merge pull request #23 from midudev/feat/add-aria-label-and-role-to-arrow-navigations

Add role and aria-label to arrows

Author: midudev

package.json

@@ -41,6 +41,7 @@
   },
   "devDependencies": {
     "@babel/cli": "7",
+    "@mdx-js/loader": "1.5.8",
     "@next/mdx": "9.3.4",
     "@s-ui/lint": "3",
     "@size-limit/preset-small-lib": "4.4.5",

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}
           />
         </>