From 0bd68ce068a4155f9ce36e9fec1aa7517f51e7ef Mon Sep 17 00:00:00 2001 From: Stefan Parviainen Date: Tue, 21 Nov 2017 09:18:59 +0100 Subject: [PATCH] Add some aria-labels to RightPanel Signed-off-by: Stefan Parviainen --- src/components/structures/RightPanel.js | 25 +++++++++++++++++-------- 1 file changed, 17 insertions(+), 8 deletions(-) diff --git a/src/components/structures/RightPanel.js b/src/components/structures/RightPanel.js index 003c9e88cc..2bfe3fe58a 100644 --- a/src/components/structures/RightPanel.js +++ b/src/components/structures/RightPanel.js @@ -49,13 +49,19 @@ class HeaderButton extends React.Component { const TintableSvg = sdk.getComponent("elements.TintableSvg"); const AccessibleButton = sdk.getComponent("elements.AccessibleButton"); - return -
- { this.props.badge ? this.props.badge :   } -
- - { this.props.isHighlighted ?
:
} - ; + return + +
+ { this.props.badge ? this.props.badge :   } +
+ + { this.props.isHighlighted ?
:
} + + ; } } @@ -71,6 +77,9 @@ HeaderButton.propTypes = { badge: PropTypes.node, // The parameters to track the click event analytics: PropTypes.arrayOf(PropTypes.string).isRequired, + + // Button title + title: PropTypes.string.isRequired, }; module.exports = React.createClass({ @@ -329,7 +338,7 @@ module.exports = React.createClass({ // button on these 2 screens or you won't be able to re-expand the panel. headerButtons.push(
,