diff --git a/bookwyrm/static/js/shared.js b/bookwyrm/static/js/shared.js
index 5be6ed632..5f87ee0a5 100644
--- a/bookwyrm/static/js/shared.js
+++ b/bookwyrm/static/js/shared.js
@@ -50,6 +50,10 @@ function tabChange(e, nested) {
     target.className = 'is-active';
 }
 
+function toggleMenu(el) {
+    el.setAttribute('aria-expanded', el.getAttribute('aria-expanded') == 'false');
+}
+
 function ajaxPost(form) {
     fetch(form.action, {
         method : "POST",
diff --git a/bookwyrm/templates/layout.html b/bookwyrm/templates/layout.html
index 4dfc223db..d2c205ca3 100644
--- a/bookwyrm/templates/layout.html
+++ b/bookwyrm/templates/layout.html
@@ -36,7 +36,7 @@
             </div>
         </form>
 
-        <label for="main-nav" role="button" class="navbar-item" aria-label="menu" aria-expanded="false" data-target="mainNav">
+        <label for="main-nav" role="button" class="navbar-item" aria-label="menu" aria-expanded="false" data-target="mainNav" onclick="toggleMenu(this)">
             <div class="icon icon-dots-three-vertical"><span class="is-sr-only">Main navigation menu</div>
         </label>
     </div>