#HamburgerMenus

Accessible Hamburger Menu — the best approach that works without JavaScript ...

#HamburgerMenus have been inherently problematic for a while...

Qs:
- How can you make it work without #JavaScript and still be #accessible?
- How can you prevent CLS while allowing it to fail gracefully?

A: HTML <details> element + #ProgressiveEnhancement

#webdev

codepen.io/markcaron/pe...

We have to stop thinking that Cumulative Layout Shift is always bad. Sometimes CLS is necessary for keeping user experiences and UIs accessible (and bulletproof), like with #HamburgerMenus

#uxdesign #cls #webdev #webcomponents #javascript #progressiveenhancement