HostForge-Systems/wordpress
Template
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Bundled Themes: Twenty Twelve: Add ARIA attributes on menu toggle.

Browse Source 
Add `aria-expanded` and `aria-controls` attributes to the Twenty Twelve mobile menu toggle.

Props bschneidewind, joedolson, sabernhardt, umeshsinghin.
Fixes #62892.
Built from https://develop.svn.wordpress.org/trunk@59911


git-svn-id: http://core.svn.wordpress.org/trunk@59253 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
joedolson
2025-03-03 20:09:23 +00:00
parent e6e754206f
commit e317aba277
2 changed files with 11 additions and 1 deletions
Download Patch File Download Diff File Expand all files Collapse all files

10
wp-content/themes/twentytwelve/js/navigation.js
View File

@@ -20,15 +20,25 @@
return;
}
// Assign an ID for the default page list if no menu is set as Primary.
if ( ! menu.id ) {
menu.id = 'twentytwelve-page-list-menu';
}
button.setAttribute( 'aria-controls', menu.id );
button.setAttribute( 'aria-expanded', 'false' );
button.onclick = function() {
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className = 'nav-menu';
}
if ( -1 !== button.className.indexOf( 'toggled-on' ) ) {
button.setAttribute( 'aria-expanded', 'false' );
button.className = button.className.replace( ' toggled-on', '' );
menu.className = menu.className.replace( ' toggled-on', '' );
} else {
button.setAttribute( 'aria-expanded', 'true' );
button.className += ' toggled-on';
menu.className += ' toggled-on';
}