mirror of https://github.com/vector-im/riot-web
Change the (edited) link to an AccessibleButton for a11y
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>pull/21833/head
parent
89fdfd7a23
commit
33eff43313
|
@ -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>
|
||||||
);
|
);
|
||||||
},
|
},
|
||||||
|
|
||||||
|
|
Loading…
Reference in New Issue