Proper accessible buttons

This commit is contained in:
Jani Mustonen 2017-01-13 18:25:26 +02:00
parent 041196d729
commit 959163f2ef
10 changed files with 51 additions and 39 deletions

View file

@ -19,6 +19,7 @@ limitations under the License.
var React = require('react');
var AvatarLogic = require("../../../Avatar");
import sdk from '../../../index';
var AccessibleButton = require('../elements/AccessibleButton');
module.exports = React.createClass({
displayName: 'BaseAvatar',
@ -158,13 +159,13 @@ module.exports = React.createClass({
}
if (onClick != null) {
return (
<button className="mx_BaseAvatar" onClick={onClick}>
<AccessibleButton className="mx_BaseAvatar" onClick={onClick}>
<img className="mx_BaseAvatar_image" src={imageUrl}
onError={this.onError}
width={width} height={height}
title={title} alt=""
{...otherProps} />
</button>
</AccessibleButton>
);
} else {
return (