32725.patch on Ticket #32725 – Attachment – WordPress Trac

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

+}
 /* Menu-item reordering nav. */
+#customize-theme-controls button.reorder-toggle {
+#customize-theme-controls .reordering .reorder,
+#customize-theme-controls .reorder-done {
+        display: none;
+}
+#customize-theme-controls .reorder,
+#customize-theme-controls .reordering .reorder-done {
+        display: inline-block;
         padding: 5px 8px;
+}

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

                  * @param {Boolean} showOrHide to enable/disable reordering
                  */
                 toggleReordering: function( showOrHide ) {
+                        var addNewItemBtn = this.container.find( '.add-new-menu-item' ),
+                                reorderBtn = this.container.find( '.reorder-toggle' );
                         showOrHide = Boolean( showOrHide );
                         if ( showOrHide === this.$sectionContent.hasClass( 'reordering' ) ) {
 …
                         this.isReordering = showOrHide;
                         this.$sectionContent.toggleClass( 'reordering', showOrHide );
                         this.$sectionContent.sortable( this.isReordering ? 'disable' : 'enable' );
+                        if ( this.isReordering ) {
+                                addNewItemBtn.attr( 'tabindex', '-1' );
+                                reorderBtn.find( '.reorder-done' ).focus();
+                                wp.a11y.speak( api.Menus.data.l10n.reorderModeOn );
+                        } else {
+                                addNewItemBtn.removeAttr( 'tabindex' );
+                                reorderBtn.find( '.reorder' ).focus();
+                                wp.a11y.speak( api.Menus.data.l10n.reorderModeOff );
+                        }
                         if ( showOrHide ) {
                                 _( this.getMenuItemControls() ).each( function( formControl ) {

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

                 <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">
                         <span class="reorder"><?php _ex( 'Reorder', 'Reorder menu items in Customizer' ); ?></span>
                         <span class="reorder-done"><?php _ex( 'Done', 'Cancel reordering menu items in Customizer' ); ?></span>
+                <button type="button" role="presentation" class="not-a-button reorder-toggle" tabindex="-1">
+                        <span class="reorder" tabindex="0" role="button" aria-label="<?php esc_attr_e( 'Reorder menu items' ); ?>" aria-describedby="reorder-items-desc"><?php _ex( 'Reorder', 'Reorder menu items in Customizer' ); ?></span>
+                        <span class="reorder-done" tabindex="0" role="button" aria-label="<?php esc_attr_e( 'Close reorder mode' ); ?>"><?php _ex( 'Done', 'Cancel reordering menu items in Customizer' ); ?></span>
                 </button>
+                <p class="screen-reader-text" id="reorder-items-desc"><?php _e( 'When in reorder mode, additional controls to reorder menu items will be available in the items list above.' ); ?></p>
                 <span class="add-menu-item-loading spinner"></span>
                 <span class="menu-delete-item">
                         <button type="button" class="not-a-button menu-delete">

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

                                 'itemsFound'        => __( 'Number of items found: %d' ),
                                 'itemsFoundMore'    => __( 'Additional items found: %d' ),
                                 'itemsLoadingMore'  => __( 'Loading more results... please wait.' ),
+                                'reorderModeOn'     => _x( 'Reorder mode enabled', 'reordering menu items in Customizer' ),
+                                'reorderModeOff'    => _x( 'Reorder mode closed', 'reordering menu items in Customizer' ),
                         ),
                         'menuItemTransport'    => 'postMessage',
                         'phpIntMax'            => PHP_INT_MAX,

Make WordPress Core

Context Navigation

Ticket #32725: 32725.patch

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

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

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

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

Download in other formats: