fix #28: accessibility concerns

2018-03-02 09:35:38 +10:00
parent f45ccf4795
commit e3cb9fdd3b
2 changed files with 8 additions and 2 deletions
--- a/src/js/components/Menu.js
+++ b/src/js/components/Menu.js
@ -5,7 +5,13 @@ const menu = select('.hamburger')
 const links = select('.sidebar__links')
 const ACTIVE_CLASS = 'is-active'

-const toggle = () => [menu, links].forEach(el => el.classList.toggle(ACTIVE_CLASS))
+const toggle = () => {
+  [menu, links].forEach(el => el.classList.toggle(ACTIVE_CLASS))
+  menu.setAttribute(
+    'aria-expanded',
+    menu.classList.contains(ACTIVE_CLASS) ? 'true' : 'false'
+  )
+}

 menu.addEventListener('click', toggle)