Change the (edited) link to an AccessibleButton for a11y

Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
pull/21833/head
Michael Telatynski 2019-12-07 21:01:21 +00:00
parent 89fdfd7a23
commit 33eff43313
1 changed files with 8 additions and 3 deletions

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>
); );
}, },