{"id":35942,"date":"2023-10-31T05:15:49","date_gmt":"2023-10-31T10:15:49","guid":{"rendered":"https:\/\/theadminbar.com\/?post_type=accessibility-weekly&p=35942"},"modified":"2024-02-10T06:54:28","modified_gmt":"2024-02-10T12:54:28","slug":"mobile-nav-and-hamburger-menus","status":"publish","type":"accessibility-weekly","link":"https:\/\/theadminbar.com\/accessibility-weekly\/mobile-nav-and-hamburger-menus\/","title":{"rendered":"Mobile Nav and Hamburger Menus"},"content":{"rendered":"\n
When I asked in The Admin Bar Facebook group<\/a> what accessibility questions people have, there were questions about mobile nav and hamburger menu accessibility.<\/p>\n\n\n\n I\u2019ve previously written about navigation menu accessibility<\/a> in general and accessibility for secondary navigation menus.<\/a> This article is about the additional considerations that need to be made for accessibility in mobile menus.<\/p>\n\n\n\n In recent years, I have seen fewer websites designed with mobile menus on desktop. However, there are many themes out there, especially older themes created a few years ago, that aim for a \u201cminimalist\u201d aesthetic and utilize a mobile (a.k.a. a hamburger) menu on desktop.<\/p>\n\n\n\n There is research going as far back as 2014 that finds that users may have difficulty finding content on websites without a visible navigation bar.<\/a> Though having a collapsed menu on desktop isn\u2019t a Web Content Accessibility Guidelines (WCAG) violation, it\u2019s a design choice that is less user-friendly than a visible menu.<\/p>\n\n\n\n Compare, for example, this side-by-side of the Visit California website<\/a> from 2016 and now.<\/p>\n\n\n\nNo Hamburger Menus on Desktop<\/strong><\/h2>\n\n\n\n