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

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

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

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"

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"
                 />
             );
         });