Silence some widgets for better screen reader presentation. (#7057)
This commit is contained in:
parent
d61a83a7b9
commit
022588fe06
4 changed files with 5 additions and 1 deletions
|
@ -150,6 +150,7 @@ const BaseAvatar = (props: IProps) => {
|
|||
return (
|
||||
<AccessibleButton
|
||||
aria-label={_t("Avatar")}
|
||||
aria-live="off"
|
||||
{...otherProps}
|
||||
element="span"
|
||||
className={classNames("mx_BaseAvatar", className)}
|
||||
|
|
|
@ -843,7 +843,8 @@ export default class EventTile extends React.Component<IProps, IState> {
|
|||
if (remainder > 0) {
|
||||
remText = <span className="mx_EventTile_readAvatarRemainder"
|
||||
onClick={this.toggleAllReadAvatars}
|
||||
style={{ right: "calc(" + toRem(-left) + " + " + receiptOffset + "px)" }}>{ remainder }+
|
||||
style={{ right: "calc(" + toRem(-left) + " + " + receiptOffset + "px)" }}
|
||||
aria-live="off">{ remainder }+
|
||||
</span>;
|
||||
}
|
||||
}
|
||||
|
|
|
@ -206,6 +206,7 @@ export default class ReadReceiptMarker extends React.PureComponent<IProps, IStat
|
|||
member={this.props.member}
|
||||
fallbackUserId={this.props.fallbackUserId}
|
||||
aria-hidden="true"
|
||||
aria-live="off"
|
||||
width={14}
|
||||
height={14}
|
||||
resizeMethod="crop"
|
||||
|
|
|
@ -183,6 +183,7 @@ export default class WhoIsTypingTile extends React.Component<IProps, IState> {
|
|||
height={24}
|
||||
resizeMethod="crop"
|
||||
viewUserOnClick={true}
|
||||
aria-live="off"
|
||||
/>
|
||||
);
|
||||
});
|
||||
|
|
Loading…
Reference in a new issue