Fix accessibility issues around the room list and space panel (#10717)
* Fix room sublist group label being read twice in Orca * Fix room list sublist notification badges always having a tab stop
This commit is contained in:
parent
c824c4a858
commit
43ffd89e58
3 changed files with 24 additions and 6 deletions
|
@ -44,7 +44,7 @@ interface IClickableProps extends IProps, React.InputHTMLAttributes<Element> {
|
|||
/**
|
||||
* If specified will return an AccessibleButton instead of a div.
|
||||
*/
|
||||
onClick?(ev: React.MouseEvent): void;
|
||||
onClick(ev: React.MouseEvent): void;
|
||||
}
|
||||
|
||||
interface IState {
|
||||
|
@ -112,7 +112,7 @@ export default class NotificationBadge extends React.PureComponent<XOR<IProps, I
|
|||
|
||||
public render(): ReactNode {
|
||||
/* eslint @typescript-eslint/no-unused-vars: ["error", { "ignoreRestSiblings": true }] */
|
||||
const { notification, showUnsentTooltip, forceCount, onClick } = this.props;
|
||||
const { notification, showUnsentTooltip, forceCount, onClick, tabIndex } = this.props;
|
||||
|
||||
if (notification.isIdle) return null;
|
||||
if (forceCount) {
|
||||
|
@ -135,6 +135,7 @@ export default class NotificationBadge extends React.PureComponent<XOR<IProps, I
|
|||
onClick={onClick}
|
||||
onMouseOver={this.onMouseOver}
|
||||
onMouseLeave={this.onMouseLeave}
|
||||
tabIndex={tabIndex}
|
||||
>
|
||||
{tooltip}
|
||||
</StatelessNotificationBadge>
|
||||
|
|
Loading…
Add table
Add a link
Reference in a new issue