Ticket #32682: 32682.patch

src/wp-admin/js/customize-nav-menus.js

@@ -436 +436 @@
                         this.itemSectionHeight();
 
                         $( 'body' ).addClass( 'adding-menu-items' );
+                        this.$el.attr( 'aria-hidden', 'false' );
 
                         // Collapse all controls.
                         _( this.currentMenuControl.getMenuItemControls() ).each( function( control ) {
@@ -459 +460 @@
                         this.selected = null;
 
                         $( 'body' ).removeClass( 'adding-menu-items' );
+                        this.$el.attr( 'aria-hidden', 'true' );
                         $( '#available-menu-items .menu-item-handle.item-added' ).removeClass( 'item-added' );
 
                         this.$search.val( '' );
@@ -1800 +1802 @@
                                 }
 
                                 if ( ! $( 'body' ).hasClass( 'adding-menu-items' ) ) {
+                                        $( this ).attr( 'aria-expanded', 'true' );
                                         api.Menus.availableMenuItemsPanel.open( self );
                                 } else {
+                                        $( this ).attr( 'aria-expanded', 'false' );
                                         api.Menus.availableMenuItemsPanel.close();
                                         event.stopPropagation();
                                 }

src/wp-includes/class-wp-customize-control.php

@@ -1538 +1538 @@
          */
         public function content_template() {
                 ?>
-                <button type="button" class="button-secondary add-new-menu-item">
+                <button type="button" class="button-secondary add-new-menu-item" aria-expanded="false" aria-controls="available-menu-items">
                         <?php _e( 'Add Items' ); ?>
                 </button>
                 <button type="button" class="not-a-button reorder-toggle">

src/wp-includes/class-wp-customize-nav-menus.php

@@ -601 +601 @@
          */
         public function available_items_template() {
                 ?>
-                <div id="available-menu-items" class="accordion-container">
+                <div id="available-menu-items" class="accordion-container" aria-hidden="true">
                         <div class="customize-section-title">
                                 <button type="button" class="customize-section-back" tabindex="-1">
                                         <span class="screen-reader-text"><?php _e( 'Back' ); ?></span>