From d00b567428b1d151faab8b675b5f40462fa2209a Mon Sep 17 00:00:00 2001
From: Matthew Beatty <beattyml1@gmail.com>
Date: Wed, 1 Aug 2018 13:04:08 -0400
Subject: [PATCH] Added the combobox, listbox, and option roles to the input,
 ul, and li items respectively per W3C spec, Closes #606

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

diff --git a/src/components/Select.vue b/src/components/Select.vue
index 2abeafa..a2eee8e 100644
--- a/src/components/Select.vue
+++ b/src/components/Select.vue
@@ -355,6 +355,7 @@
               :tabindex="tabindex"
               :readonly="!searchable"
               :id="inputId"
+              role="combobox"
               aria-label="Search for option"
       >
 
@@ -377,8 +378,8 @@
     </div>
 
     <transition :name="transition">
-      <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }">
-        <li v-for="(option, index) in filteredOptions" v-bind:key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index">
+      <ul ref="dropdownMenu" v-if="dropdownOpen" class="dropdown-menu" :style="{ 'max-height': maxHeight }" role="listbox">
+        <li role="option" v-for="(option, index) in filteredOptions" v-bind:key="index" :class="{ active: isOptionSelected(option), highlight: index === typeAheadPointer }" @mouseover="typeAheadPointer = index">
           <a @mousedown.prevent="select(option)">
           <slot name="option" v-bind="(typeof option === 'object')?option:{[label]: option}">
             {{ getOptionLabel(option) }}