Improve A11Y of timeline. Show TS & Actions on focus-within

This commit is contained in:
Michael Telatynski 2019-11-01 10:50:58 +00:00
parent db0e643f4d
commit fd4cdd0dec
6 changed files with 18 additions and 6 deletions

View file

@ -32,6 +32,7 @@ const TextForEvent = require('../../../TextForEvent');
import dis from '../../../dispatcher';
import SettingsStore from "../../../settings/SettingsStore";
import {EventStatus, MatrixClient} from 'matrix-js-sdk';
import {formatTime} from "../../../DateUtils";
const ObjectUtils = require('../../../ObjectUtils');
@ -787,13 +788,17 @@ module.exports = createReactClass({
'replyThread',
);
return (
<div className={classes}>
<div className={classes} tabIndex={-1}>
<div className="mx_EventTile_msgOption">
{ readAvatars }
</div>
{ sender }
<div className="mx_EventTile_line">
<a href={permalink} onClick={this.onPermalinkClicked}>
<a
href={permalink}
onClick={this.onPermalinkClicked}
aria-label={formatTime(new Date(this.props.mxEvent.getTs()), this.props.isTwelveHour)}
>
{ timestamp }
</a>
{ this._renderE2EPadlock() }