Ticket #33260: 33260.3.diff

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

@@ -1456 +1456 @@
          * @access public
          */
         public function render_content() {
+                $id = 'reorder-widgets-desc-' . str_replace( '[', '-', str_replace( ']', '', $this->id ) );
                 ?>
-                <span class="button-secondary add-new-widget" tabindex="0">
+                <button type="button" class="button-secondary add-new-widget" aria-label="<?php esc_attr_e( 'Add or remove widgets' ); ?>" aria-expanded="false" aria-controls="available-widgets">
                         <?php _e( 'Add a Widget' ); ?>
-                </span>
-
-                <span class="reorder-toggle" tabindex="0">
+                </button>
+                <button type="button" class="not-a-button reorder-toggle" aria-label="<?php esc_attr_e( 'Reorder menu items' ); ?>" aria-describedby="<?php echo esc_attr( $id ); ?>">
                         <span class="reorder"><?php _ex( 'Reorder', 'Reorder widgets in Customizer' ); ?></span>
                         <span class="reorder-done"><?php _ex( 'Done', 'Cancel reordering widgets in Customizer' ); ?></span>
-                </span>
+                </button>
+                <p class="screen-reader-text" id="<?php echo esc_attr( $id ); ?>"><?php _e( 'When in reorder mode, additional controls to reorder widgets will be available in the widgets list above.' ); ?></p>
                 <?php
         }