Proper accessible buttons

2017-01-13 19:36:41 +02:00
parent 041196d729
commit 959163f2ef
10 changed files with 51 additions and 39 deletions
@@ -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 (