Matrix/element-web-Github
1
0
Fork 0
mirror of https://github.com/vector-im/element-web.git synced 2024-11-16 13:14:58 +08:00
Code Issues Packages Projects Releases Wiki Activity

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

Browse Source
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
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

1
src/components/views/avatars/BaseAvatar.tsx
View File

@ -150,6 +150,7 @@ const BaseAvatar = (props: IProps) => {
return ( return (
<AccessibleButton <AccessibleButton
aria-label={_t("Avatar")} aria-label={_t("Avatar")}
aria-live="off"
{...otherProps} {...otherProps}
element="span" element="span"
className={classNames("mx_BaseAvatar", className)} className={classNames("mx_BaseAvatar", className)}

3
src/components/views/rooms/EventTile.tsx
View File

@ -843,7 +843,8 @@ export default class EventTile extends React.Component<IProps, IState> {
if (remainder > 0) { if (remainder > 0) {
remText = <span className="mx_EventTile_readAvatarRemainder" remText = <span className="mx_EventTile_readAvatarRemainder"
onClick={this.toggleAllReadAvatars} onClick={this.toggleAllReadAvatars}
style={{ right: "calc(" + toRem(-left) + " + " + receiptOffset + "px)" }}>{ remainder }+ style={{ right: "calc(" + toRem(-left) + " + " + receiptOffset + "px)" }}
aria-live="off">{ remainder }+
</span>; </span>;
} }
} }

1
src/components/views/rooms/ReadReceiptMarker.tsx
View File

@ -206,6 +206,7 @@ export default class ReadReceiptMarker extends React.PureComponent<IProps, IStat
member={this.props.member} member={this.props.member}
fallbackUserId={this.props.fallbackUserId} fallbackUserId={this.props.fallbackUserId}
aria-hidden="true" aria-hidden="true"
aria-live="off"
width={14} width={14}
height={14} height={14}
resizeMethod="crop" resizeMethod="crop"

1
src/components/views/rooms/WhoIsTypingTile.tsx
View File

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