gribse/achille-press
1
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

_s: Improve menu toggle accessibility.

Browse source 
Makes it a little easier to use the primary navigation with assistive
devices.

See #545.
This commit is contained in:
Konstantin Obenland 2014-11-05 17:37:48 -08:00
parent 23d0a41722
commit d8d89bc681
2 changed files with 16 additions and 6 deletions
Download patch file Download diff file Expand all files Collapse all files

20
js/navigation.js
View file

@ -7,12 +7,14 @@
var container, button, menu;
container = document.getElementById( 'site-navigation' );
if ( ! container )
if ( ! container ) {
return;
}
button = container.getElementsByTagName( 'button' )[0];
if ( 'undefined' === typeof button )
if ( 'undefined' === typeof button ) {
return;
}
menu = container.getElementsByTagName( 'ul' )[0];
@ -22,13 +24,21 @@
return;
}
if ( -1 === menu.className.indexOf( 'nav-menu' ) )
menu.setAttribute( 'aria-expanded', 'false' );
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className += ' nav-menu';
}
button.onclick = function() {
if ( -1 !== container.className.indexOf( 'toggled' ) )
if ( -1 !== container.className.indexOf( 'toggled' ) ) {
container.className = container.className.replace( ' toggled', '' );
else
button.setAttribute( 'aria-expanded', 'false' );
menu.setAttribute( 'aria-expanded', 'false' );
} else {
container.className += ' toggled';
button.setAttribute( 'aria-expanded', 'true' );
menu.setAttribute( 'aria-expanded', 'true' );
}
};
} )();