Merge pull request #3710 from matrix-org/t3chguy/edited_a11y_btn

Change the (edited) link to an AccessibleButton for a11y
This commit is contained in:
Michael Telatynski
2019-12-09 13:42:27 +00:00
committed by GitHub
+8 -3
View File
@@ -401,13 +401,18 @@ module.exports = createReactClass({
label={_t("Edited at %(date)s. Click to view edits.", {date: dateString})} label={_t("Edited at %(date)s. Click to view edits.", {date: dateString})}
/>; />;
} }
const AccessibleButton = sdk.getComponent('elements.AccessibleButton');
return ( return (
<div <AccessibleButton
key="editedMarker" className="mx_EventTile_edited" key="editedMarker"
className="mx_EventTile_edited"
onClick={this._openHistoryDialog} onClick={this._openHistoryDialog}
onMouseEnter={this._onMouseEnterEditedMarker} onMouseEnter={this._onMouseEnterEditedMarker}
onMouseLeave={this._onMouseLeaveEditedMarker} onMouseLeave={this._onMouseLeaveEditedMarker}
>{editedTooltip}<span>{`(${_t("edited")})`}</span></div> >
{ editedTooltip }<span>{`(${_t("edited")})`}</span>
</AccessibleButton>
); );
}, },