You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Press space to try to open/close - nothing happens.
Recommendations
Ensure there is a button role either by making the control a <button> element or adding role="button" to the element
Make the control focusable either by making it a <button> element or adding tabindex="0"
Ensure the button can be activated with the ENTER and SPACE keys
Add an accessible name to the button by adding an aria-label to the button or <div role="button">. Additionally, ensure the value updates when the double arrow icon updates to an "X" icon that closes the disclosure.
Add the aria-expanded attribute to the button. When content is expanded, aria-expanded="true", when it is collapsed, aria-expanded="false"
The text was updated successfully, but these errors were encountered:
Describe the bug
The sections on the left table of contents cannot be toggled (open/close) via keyboard, only with a mouse.
Expected behavior
The sections should be expanded/collapsed when they have keyboard focus and expand/collapse with the space bar.
How to reproduce
Recommendations
button
role either by making the control a<button>
element or addingrole="button"
to the element<button>
element or addingtabindex="0"
aria-label
to thebutton
or<div role="button">
. Additionally, ensure the value updates when the double arrow icon updates to an "X" icon that closes the disclosure.aria-expanded
attribute to the button. When content is expanded,aria-expanded="true"
, when it is collapsed,aria-expanded="false"
The text was updated successfully, but these errors were encountered: