Accesibility

This commit is contained in:
Belen Curcio
2017-10-10 13:24:56 -03:00
parent 7fcc7753f8
commit c5cee13bd7
2 changed files with 3 additions and 3 deletions
+2 -2
View File
@@ -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, {
+1 -1
View File
@@ -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>
);