Changeset 41329 for trunk/src/wp-includes/script-loader.php

Timestamp:

09/03/2017 04:01:18 PM (7 years ago)

Author:

afercia

Message:

Accessibility: Improve the color picker UI accessibility, interaction, and generated markup.

• Refactors the UI controls around the Iris color picker to output valid and semantic markup
• Simplifies the way elements visibility gets toggled
• Properly associates the visually hidden label with the color input field
• Makes the toggle button a real button
• Adds aria-expanded to the toggle button
• Keeps focus on the toggle button instead of moving it to the color input field
• Adds aria-label attributes to give better context to some controls
• Removes a redundant title attribute
• Keeps the toggle button text to "Select Color" instead of changing it to "Current Color" when a color is selected
• Slightly improves the responsive view
• CSS clean-up

Fixes #39662.

File:

• trunk/src/wp-includes/script-loader.php (modified) (1 diff)

trunk/src/wp-includes/script-loader.php

@@ -797 +797 @@
         $scripts->add( 'wp-color-picker', "/wp-admin/js/color-picker$suffix.js", array( 'iris' ), false, 1 );
         did_action( 'init' ) && $scripts->localize( 'wp-color-picker', 'wpColorPickerL10n', array(
-            'clear' => __( 'Clear' ),
-            'defaultString' => __( 'Default' ),
-            'pick' => __( 'Select Color' ),
-            'current' => __( 'Current Color' ),
+            'clear'            => __( 'Clear' ),
+            'clearAriaLabel'   => __( 'Clear color' ),
+            'defaultString'    => __( 'Default' ),
+            'defaultAriaLabel' => __( 'Select default color' ),
+            'pick'             => __( 'Select Color' ),
+            'defaultLabel'     => __( 'Color value' ),
         ) );