[Glitch] Add aria-label to column regions

Port 66dbb59aa1 to glitch-soc
This commit is contained in:
Thibaut Girka
2018-08-28 12:01:04 +02:00
parent c6942a5283
commit d8fbd74c47
14 changed files with 24 additions and 14 deletions

View File

@ -9,6 +9,7 @@ export default class Column extends React.PureComponent {
children: PropTypes.node,
extraClasses: PropTypes.string,
name: PropTypes.string,
label: PropTypes.string,
};
scrollTop () {
@ -42,10 +43,10 @@ export default class Column extends React.PureComponent {
}
render () {
const { children, extraClasses, name } = this.props;
const { children, extraClasses, name, label } = this.props;
return (
<div role='region' data-column={name} className={`column ${extraClasses || ''}`} ref={this.setRef}>
<div role='region' aria-label={label} data-column={name} className={`column ${extraClasses || ''}`} ref={this.setRef}>
{children}
</div>
);