From 6e01e9be59d9f5d3b871278b808cf304593e5323 Mon Sep 17 00:00:00 2001
From: Mike Fix <mrfix84@gmail.com>
Date: Fri, 9 Mar 2018 22:04:26 -0800
Subject: [PATCH] Accessability improvements

---
 components/Dropdown.js | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/components/Dropdown.js b/components/Dropdown.js
index 81fbd54..ad03d45 100644
--- a/components/Dropdown.js
+++ b/components/Dropdown.js
@@ -88,7 +88,7 @@ const SelectedItem = ({ children, isOpen, color, ...rest }) => {
   return (
     <span {...rest} tabIndex="0" className={`dropdown-display ${isOpen ? 'is-open' : ''}`}>
       <span className="dropdown-display-text">{children}</span>
-      <div className={`dropdown-arrow`}>
+      <div role="button" className={`dropdown-arrow`}>
         <ArrowDown fill={itemColor} />
       </div>
       <style jsx>{`
@@ -123,7 +123,7 @@ const SelectedItem = ({ children, isOpen, color, ...rest }) => {
 
 const ListItems = ({ children, color }) => {
   return (
-    <ul className="dropdown-list">
+    <ul role="listbox" className="dropdown-list">
       {children}
       <style jsx>{`
         .dropdown-list {
@@ -142,7 +142,7 @@ const ListItem = ({ children, color, isHighlighted, isSelected, ...rest }) => {
   const itemColor = color || COLORS.SECONDARY
 
   return (
-    <li {...rest} className="dropdown-list-item">
+    <li {...rest} role="option" className="dropdown-list-item">
       <span className="dropdown-list-item-text">{children}</span>
       {isSelected ? <CheckMark /> : null}
       <style jsx>{`