From c5cee13bd7ee1f9d9b42b3d36f1ceb12b55c9797 Mon Sep 17 00:00:00 2001
From: Belen Curcio <curciobelen@gmail.com>
Date: Tue, 10 Oct 2017 13:24:56 -0300
Subject: [PATCH] Accesibility

---
 client/coral-ui/components/Dropdown.js | 4 ++--
 client/coral-ui/components/Option.js   | 2 +-
 2 files changed, 3 insertions(+), 3 deletions(-)

diff --git a/client/coral-ui/components/Dropdown.js b/client/coral-ui/components/Dropdown.js
index abbdf8a64..f05cdd0c3 100644
--- a/client/coral-ui/components/Dropdown.js
+++ b/client/coral-ui/components/Dropdown.js
@@ -50,11 +50,11 @@ class Dropdown extends React.Component {
   render() {
     return (
       <ClickOutside onClickOutside={this.hideMenu}>
-        <div className={styles.dropdown} onClick={this.handleClick}>
+        <div className={styles.dropdown} onClick={this.handleClick} role="menu" aria-label="Dropdown">
           {this.props.icon && <Icon name={this.props.icon} className={styles.icon} />}
           <span className={styles.label}>{this.renderLabel()}</span>
           {this.state.isOpen ? <Icon name="keyboard_arrow_up" className={styles.arrow} /> : <Icon name="keyboard_arrow_down" className={styles.arrow} />}
-          <ul className={cn(styles.list, {[styles.listActive] : this.state.isOpen})}>
+          <ul className={cn(styles.list, {[styles.listActive] : this.state.isOpen})} role="menubar" aria-hidden="true">
             {React.Children.toArray(this.props.children)
               .map((child) =>
                 React.cloneElement(child, {
diff --git a/client/coral-ui/components/Option.js b/client/coral-ui/components/Option.js
index 8b8645528..59e8094a9 100644
--- a/client/coral-ui/components/Option.js
+++ b/client/coral-ui/components/Option.js
@@ -4,7 +4,7 @@ import styles from './Option.css';
 import cn from 'classnames';
 
 const Option = ({className, label = '', onClick}) => (
-  <li className={cn(styles.option, className)} onClick={onClick}>
+  <li className={cn(styles.option, className)} onClick={onClick} role="menuitem">
     {label}
   </li>
 );