diff --git a/assets/js/legacy-script.js b/assets/js/legacy-script.js index f0bb589a399ba..6db12d451de03 100644 --- a/assets/js/legacy-script.js +++ b/assets/js/legacy-script.js @@ -144,9 +144,13 @@ var kub = (function () { } function toggleMenu() { + var hamburger = document.getElementById('hamburger'); // Clickable for Bootstrap "lg" and narrower if (window.innerWidth < 992) { pushmenu.show('primary'); + if (hamburger) { + hamburger.setAttribute('aria-expanded', 'true'); + } } else { @@ -158,6 +162,10 @@ var kub = (function () { header.css({height: px(newHeight)}); html.toggleClass('open-nav'); + if (hamburger) { + var isOpen = html.hasClass('open-nav'); + hamburger.setAttribute('aria-expanded', isOpen ? 'true' : 'false'); + } } } @@ -467,6 +475,11 @@ var pushmenu = (function(){ function closeMe(e) { if (e.target == sled) return; + var hamburger = document.getElementById('hamburger'); + if (hamburger) { + hamburger.setAttribute('aria-expanded', 'false'); + } + $(el).removeClass('on'); setTimeout(function(){ $(el).css({display: 'none'}); diff --git a/i18n/en/en.toml b/i18n/en/en.toml index 353d62b20a68b..3d5208e8cd698 100644 --- a/i18n/en/en.toml +++ b/i18n/en/en.toml @@ -732,6 +732,9 @@ other = "See Also" [sidebar_toggle_nav] other = "Toggle section navigation" +[toggle_navigation] +other = "Toggle navigation" + [subscribe_button] other = "Subscribe" diff --git a/layouts/partials/navbar.html b/layouts/partials/navbar.html index 3333d20099c7e..ad7bf51582c52 100644 --- a/layouts/partials/navbar.html +++ b/layouts/partials/navbar.html @@ -82,5 +82,5 @@ The menu overlay is added to the DOM and shown/hidden all by JS. We should explore a Hugo way of doing this. */ -}} - +