Skip to content

Nav eval > Small breakpoint behavior

Problem

At smaller breakpoints, when the nav is expanded focus can traverse to elements that it covers. Additionally, it can't be closed with esc.

Small breakpoint with open nav panel covering focusable elements below

Solution

Restrict focus within the navigation. Ensure that the esc can close the nav. Since the sidebar toggle button sidebar.svg can also close the navigation, an additional × button is not required.

Edited by Jeremy Elder