Improve accessibility of subspaces in the space panel
This commit is contained in:
parent
66b3feb802
commit
1f0fdb95cd
2 changed files with 5 additions and 0 deletions
|
@ -409,6 +409,8 @@ export class SpaceItem extends React.PureComponent<IItemProps, IItemState> {
|
||||||
<AccessibleButton
|
<AccessibleButton
|
||||||
className="mx_SpaceButton_toggleCollapse"
|
className="mx_SpaceButton_toggleCollapse"
|
||||||
onClick={this.toggleCollapse}
|
onClick={this.toggleCollapse}
|
||||||
|
tabIndex={-1}
|
||||||
|
aria-label={collapsed ? _t("Expand") : _t("Collapse")}
|
||||||
/> : null;
|
/> : null;
|
||||||
|
|
||||||
return (
|
return (
|
||||||
|
@ -420,6 +422,7 @@ export class SpaceItem extends React.PureComponent<IItemProps, IItemState> {
|
||||||
onContextMenu={this.onContextMenu}
|
onContextMenu={this.onContextMenu}
|
||||||
forceHide={!isNarrow || !!this.state.contextMenuPosition}
|
forceHide={!isNarrow || !!this.state.contextMenuPosition}
|
||||||
role="treeitem"
|
role="treeitem"
|
||||||
|
aria-expanded={!collapsed}
|
||||||
inputRef={this.buttonRef}
|
inputRef={this.buttonRef}
|
||||||
onKeyDown={this.onKeyDown}
|
onKeyDown={this.onKeyDown}
|
||||||
>
|
>
|
||||||
|
|
|
@ -1038,6 +1038,8 @@
|
||||||
"Manage & explore rooms": "Manage & explore rooms",
|
"Manage & explore rooms": "Manage & explore rooms",
|
||||||
"Explore rooms": "Explore rooms",
|
"Explore rooms": "Explore rooms",
|
||||||
"Space options": "Space options",
|
"Space options": "Space options",
|
||||||
|
"Expand": "Expand",
|
||||||
|
"Collapse": "Collapse",
|
||||||
"Remove": "Remove",
|
"Remove": "Remove",
|
||||||
"This bridge was provisioned by <user />.": "This bridge was provisioned by <user />.",
|
"This bridge was provisioned by <user />.": "This bridge was provisioned by <user />.",
|
||||||
"This bridge is managed by <user />.": "This bridge is managed by <user />.",
|
"This bridge is managed by <user />.": "This bridge is managed by <user />.",
|
||||||
|
|
Loading…
Reference in a new issue