Accessibility of Burger Menu Structures
When creating a navigation menu that can be expanded/opened and closed, it is important that the navigation landmark itself, the
<nav>, remain visible at all times for those using a screen reader that are looking for that landmark. Alongside this, the button that is used to expand the navigation menu needs to be inside of the navigation landmark for the most accessible experience. When the button is inside the
<nav>, the screen reader user can easily find that button when jumping to the navigation landmark.