From e7e2d9cbbbb0ab2501f15ea8bbdd2ec93b4e8a19 Mon Sep 17 00:00:00 2001
From: Ivan Savitsky <ivan@savitsky.biz>
Date: Wed, 16 Sep 2020 18:05:01 +0300
Subject: [PATCH 1/2] Add aria-label attributes to slider control buttons

---
 src/slider.vue | 12 ++++++++++--
 1 file changed, 10 insertions(+), 2 deletions(-)

diff --git a/src/slider.vue b/src/slider.vue
index 4d2329b..ce6b0ac 100644
--- a/src/slider.vue
+++ b/src/slider.vue
@@ -31,10 +31,10 @@
       />
     </div>
     <template v-if="controlBtn">
-      <button class="slider-btn slider-btn-left" @click.stop="prev">
+      <button class="slider-btn slider-btn-left" :aria-label="prevBtnLabel" @click.stop="prev">
         <i class="slider-icon slider-icon-left" />
       </button>
-      <button class="slider-btn slider-btn-right" @click.stop="next">
+      <button class="slider-btn slider-btn-right" :aria-label="nextBtnLabel" @click.stop="next">
         <i class="slider-icon slider-icon-right" />
       </button>
     </template>
@@ -104,6 +104,14 @@ export default {
       type: Function,
       default: () => true,
     },
+    prevBtnLabel: {
+      type: String,
+      default: 'Previous slide',
+    },
+    nextBtnLabel: {
+      type: String,
+      default: 'Next slide',
+    },
   },
   data() {
     return {

From 493f04abaf99aa65f4b949872465be01777f34a0 Mon Sep 17 00:00:00 2001
From: Ivan Savitsky <ivan@savitsky.biz>
Date: Wed, 16 Sep 2020 18:17:44 +0300
Subject: [PATCH 2/2] Add aria-hidden attributes to icons

---
 src/slider.vue | 4 ++--
 1 file changed, 2 insertions(+), 2 deletions(-)

diff --git a/src/slider.vue b/src/slider.vue
index ce6b0ac..4c2a2e4 100644
--- a/src/slider.vue
+++ b/src/slider.vue
@@ -32,10 +32,10 @@
     </div>
     <template v-if="controlBtn">
       <button class="slider-btn slider-btn-left" :aria-label="prevBtnLabel" @click.stop="prev">
-        <i class="slider-icon slider-icon-left" />
+        <i class="slider-icon slider-icon-left" aria-hidden="true"/>
       </button>
       <button class="slider-btn slider-btn-right" :aria-label="nextBtnLabel" @click.stop="next">
-        <i class="slider-icon slider-icon-right" />
+        <i class="slider-icon slider-icon-right" aria-hidden="true"/>
       </button>
     </template>
   </div>