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

matrix-org · Nov 1, 2021 · 022588f · 022588f
1 parent d61a83a
commit 022588f
Show file tree

Hide file tree

Showing 4 changed files with 5 additions and 1 deletion.
diff --git a/src/components/views/avatars/BaseAvatar.tsx b/src/components/views/avatars/BaseAvatar.tsx
@@ -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)}

diff --git a/src/components/views/rooms/EventTile.tsx b/src/components/views/rooms/EventTile.tsx
@@ -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>;
  }
  }

diff --git a/src/components/views/rooms/ReadReceiptMarker.tsx b/src/components/views/rooms/ReadReceiptMarker.tsx
@@ -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"

diff --git a/src/components/views/rooms/WhoIsTypingTile.tsx b/src/components/views/rooms/WhoIsTypingTile.tsx
@@ -183,6 +183,7 @@ export default class WhoIsTypingTile extends React.Component<IProps, IState> {
  height={24}
  resizeMethod="crop"
  viewUserOnClick={true}
+ aria-live="off"
  />
  );
  });