When tabbing through the links on a page, the links in the nav drawer are still in the tab order even when the nav drawer is closed. This can feel like a keyboard trap as the focus disappears from view and is only accessible to those with a screenreader.

Why is this happening? Because the nav drawer is simply moved off screen but still occupies space.

The solution is to set the CSS for the nav drawer to display:none when closed.