1
0
mirror of https://github.com/WordPress/WordPress.git synced 2025-03-13 07:10:00 +01:00

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

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

Props bschneidewind, joedolson, sabernhardt, umeshsinghin.
Fixes .
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
wp-content/themes/twentytwelve/js
wp-includes

View File

@ -20,15 +20,25 @@
return; 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() { button.onclick = function() {
if ( -1 === menu.className.indexOf( 'nav-menu' ) ) { if ( -1 === menu.className.indexOf( 'nav-menu' ) ) {
menu.className = 'nav-menu'; menu.className = 'nav-menu';
} }
if ( -1 !== button.className.indexOf( 'toggled-on' ) ) { if ( -1 !== button.className.indexOf( 'toggled-on' ) ) {
button.setAttribute( 'aria-expanded', 'false' );
button.className = button.className.replace( ' toggled-on', '' ); button.className = button.className.replace( ' toggled-on', '' );
menu.className = menu.className.replace( ' toggled-on', '' ); menu.className = menu.className.replace( ' toggled-on', '' );
} else { } else {
button.setAttribute( 'aria-expanded', 'true' );
button.className += ' toggled-on'; button.className += ' toggled-on';
menu.className += ' toggled-on'; menu.className += ' toggled-on';
} }

View File

@ -16,7 +16,7 @@
* *
* @global string $wp_version * @global string $wp_version
*/ */
$wp_version = '6.8-alpha-59910'; $wp_version = '6.8-alpha-59911';
/** /**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.