From bf14cc50c859afc6db2acbf11f75e010cd06351e Mon Sep 17 00:00:00 2001
From: Thom Hurks <thomhurks@gmail.com>
Date: Thu, 29 Jun 2017 00:44:36 +0200
Subject: [PATCH] Use aria-label to improve component accessibility

---
 src/components/Select.vue | 3 ++-
 1 file changed, 2 insertions(+), 1 deletion(-)

diff --git a/src/components/Select.vue b/src/components/Select.vue
index c9d304b..4dc46bf 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -271,7 +271,7 @@
 
       <span class="selected-tag" v-for="option in valueAsArray" v-bind:key="option.index">
         {{ getOptionLabel(option) }}
-        <button v-if="multiple" @click="deselect(option)" type="button" class="close">
+        <button v-if="multiple" @click="deselect(option)" type="button" class="close" aria-label="Remove option">
           <span aria-hidden="true">&times;</span>
         </button>
       </span>
@@ -292,6 +292,7 @@
               :readonly="!searchable"
               :style="{ width: isValueEmpty ? '100%' : 'auto' }"
               :id="inputId"
+              aria-label="Search for option"
       >
 
       <i v-if="!noDrop" ref="openIndicator" role="presentation" class="open-indicator"></i>