Add aria-label to toggle buttons

Addresses #21

Author: jakezatecky

CHANGELOG.md

@@ -6,6 +6,10 @@
 
 * [#20]: Add support for `label` in `nodes` property and deprecate `title`
 
+### New Features
+
+* [#21]: Add greater accessibility support
+
 ## [v0.4.0](https://github.com/jakezatecky/react-dual-listbox/compare/v0.3.0...v0.4.0) (2017-01-27)
 
 ### Bug Fixes

examples/dist/index.js

@@ -10175,7 +10175,7 @@ var TreeNode = function (_React$Component) {
 					{ className: 'rct-text' },
 					_react2.default.createElement(
 						'button',
-						{ className: 'rct-collapse', title: 'Toggle', onClick: this.onExpand },
+						{ 'aria-label': 'Toggle', className: 'rct-collapse', title: 'Toggle', onClick: this.onExpand },
 						this.renderCollapseIcon()
 					),
 					_react2.default.createElement(
@@ -10194,7 +10194,7 @@ var TreeNode = function (_React$Component) {
 						),
 						_react2.default.createElement(
 							'span',
-							{ className: 'rct-label' },
+							{ className: 'rct-title' },
 							label
 						)
 					)

examples/dist/style.css

@@ -79,10 +79,6 @@
   opacity: .5;
 }
 
-.rct-label {
-  margin-right: 5px;
-}
-
 * {
   box-sizing: border-box;
 }

src/js/TreeNode.js

@@ -107,7 +107,7 @@ class TreeNode extends React.Component {
 		return (
 			<li className="rct-node">
 				<span className="rct-text">
-					<button className="rct-collapse" title="Toggle" onClick={this.onExpand}>
+					<button aria-label="Toggle" className="rct-collapse" title="Toggle" onClick={this.onExpand}>
 						{this.renderCollapseIcon()}
 					</button>
 					<label htmlFor={inputId}>