Silence some widgets for better screen reader presentation. (#7057)

This commit is contained in:
Nolan Darilek 2021-11-01 04:01:18 -05:00 committed by GitHub
parent d61a83a7b9
commit 022588fe06
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
4 changed files with 5 additions and 1 deletions

View file

@ -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)}

View file

@ -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>;
}
}

View file

@ -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"

View file

@ -183,6 +183,7 @@ export default class WhoIsTypingTile extends React.Component<IProps, IState> {
height={24}
resizeMethod="crop"
viewUserOnClick={true}
aria-live="off"
/>
);
});