PrivateCoffee/element-web
4
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions 3

Change the (edited) link to an AccessibleButton for a11y

Browse source 
Signed-off-by: Michael Telatynski <7t3chguy@gmail.com>
This commit is contained in:
Michael Telatynski 2019-12-07 21:01:21 +00:00
parent 89fdfd7a23
commit 33eff43313
1 changed files with 8 additions and 3 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

11
src/components/views/messages/TextualBody.js
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>
); );
}, },