Proper accessible buttons
This commit is contained in:
parent
041196d729
commit
959163f2ef
10 changed files with 51 additions and 39 deletions
|
@ -20,6 +20,7 @@ var React = require('react');
|
|||
|
||||
var MatrixClientPeg = require('../../../MatrixClientPeg');
|
||||
var sdk = require('../../../index');
|
||||
var AccessibleButton = require('../elements/AccessibleButton');
|
||||
|
||||
|
||||
var PRESENCE_CLASS = {
|
||||
|
@ -152,7 +153,7 @@ module.exports = React.createClass({
|
|||
var av = this.props.avatarJsx || <BaseAvatar name={this.props.name} width={36} height={36} />;
|
||||
|
||||
return (
|
||||
<button className={mainClassName} title={ this.props.title }
|
||||
<AccessibleButton className={mainClassName} title={ this.props.title }
|
||||
onClick={ this.props.onClick } onMouseEnter={ this.mouseEnter }
|
||||
onMouseLeave={ this.mouseLeave }>
|
||||
<div className="mx_EntityTile_avatar">
|
||||
|
@ -161,7 +162,7 @@ module.exports = React.createClass({
|
|||
</div>
|
||||
{ nameEl }
|
||||
{ inviteButton }
|
||||
</button>
|
||||
</AccessibleButton>
|
||||
);
|
||||
}
|
||||
});
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue