As part of the work the Design System team in Web Core have been doing to improve the global navigation, @sbeaumontweb has discussed the closing behaviour of the More Menu drawer with Samuel Boot (@Samua11y) and Peter Heery (@mathalete), and reached out to Tetralogical for advice on how to make this behaviour more accessible. Our issue for this work is here.
Currently when a user shifts focus out of the More Drawer in the Global Navigation, it closes itself. The recommended behaviour is that the drawer should only close based on user interaction, rather than a general removal of focus.
We would like to suggest an update of the GEL technical docs to reflect this. The documentation for the closure of the More Menu drawer (on the Global Navigation page) currently reads:
The more menu drawer can be closed by either activating the more menu control while the more menu is open, pressing the ESC key when focus is within the more menu drawer, or by moving focus away from the more menu drawer container. In all cases, focus should be set to the more menu control when the drawer is closed.
We would like to suggest that it is updated to:
The more menu drawer can be closed by either activating the more menu control while the more menu is open, pressing the ESC key when focus is within the more menu drawer, or activating the close button within the drawer. The more menu drawer should remain open even when tabbing moves focus off the drawer. When the more drawer is closed by user action, focus should be returned to the more menu control.
As part of the work the Design System team in Web Core have been doing to improve the global navigation, @sbeaumontweb has discussed the closing behaviour of the More Menu drawer with Samuel Boot (@Samua11y) and Peter Heery (@mathalete), and reached out to Tetralogical for advice on how to make this behaviour more accessible. Our issue for this work is here.
Currently when a user shifts focus out of the More Drawer in the Global Navigation, it closes itself. The recommended behaviour is that the drawer should only close based on user interaction, rather than a general removal of focus.
We would like to suggest an update of the GEL technical docs to reflect this. The documentation for the closure of the More Menu drawer (on the Global Navigation page) currently reads:
We would like to suggest that it is updated to:
A PR has been raised for these changes here.