From ad7264ee5a30bfc23f7c40b65e6799a17da52d55 Mon Sep 17 00:00:00 2001 From: "julia.kirschenheuter" Date: Fri, 28 Apr 2023 13:55:48 +0200 Subject: Add `aria-hidden` attr to the whole navigation depending on a sidebar state Signed-off-by: julia.kirschenheuter --- core/src/init.js | 8 ++++++++ 1 file changed, 8 insertions(+) (limited to 'core/src') diff --git a/core/src/init.js b/core/src/init.js index 867ba94483f..f366dba5d1e 100644 --- a/core/src/init.js +++ b/core/src/init.js @@ -160,6 +160,12 @@ export const initCore = () => { // we need this because dragging stop triggers that animating = false }) + snapper.on('open', () => { + $appNavigation.attr('aria-hidden', 'false') + }) + snapper.on('close', () => { + $appNavigation.attr('aria-hidden', 'true') + }) // These are necessary because calling open or close // on snapper during an animation makes it trigger an @@ -213,6 +219,7 @@ export const initCore = () => { // close sidebar when switching navigation entry const $appNavigation = $('#app-navigation') + $appNavigation.attr('aria-hidden', 'true') $appNavigation.delegate('a, :button', 'click', event => { const $target = $(event.target) // don't hide navigation when changing settings or adding things @@ -264,6 +271,7 @@ export const initCore = () => { const toggleSnapperOnSize = () => { if ($(window).width() > breakpointMobileWidth) { + $appNavigation.attr('aria-hidden', 'false') snapper.close() snapper.disable() -- cgit v1.2.3