WordPress.org

Make WordPress Core

Ticket #42078: 42078.diff

File 42078.diff, 3.3 KB (added by dlh, 2 years ago)
  • src/wp-content/themes/twentyseventeen/assets/js/customize-controls.js

    diff --git src/wp-content/themes/twentyseventeen/assets/js/customize-controls.js src/wp-content/themes/twentyseventeen/assets/js/customize-controls.js
    index e6f6037a4d..c580a1501a 100644
     
    1919                                        }
    2020                                };
    2121
     22                                // The control-specific label is redundant because, visually, this control is part of the Color Scheme control.
     23                                control.container.find( '.customize-control-title:first' ).addClass( 'screen-reader-text' );
     24
    2225                                visibility();
    2326                                setting.bind( visibility );
    2427                        });
  • src/wp-content/themes/twentyseventeen/inc/customizer.php

    diff --git src/wp-content/themes/twentyseventeen/inc/customizer.php src/wp-content/themes/twentyseventeen/inc/customizer.php
    index abc27fb057..07eca92c42 100644
    function twentyseventeen_customize_register( $wp_customize ) { 
    6666        $wp_customize->add_control(
    6767                new WP_Customize_Color_Control(
    6868                        $wp_customize, 'colorscheme_hue', array(
     69                                'label'    => __( 'Hue', 'twentyseventeen' ),
    6970                                'mode'     => 'hue',
    7071                                'section'  => 'colors',
    7172                                'priority' => 6,
  • src/wp-includes/customize/class-wp-customize-color-control.php

    diff --git src/wp-includes/customize/class-wp-customize-color-control.php src/wp-includes/customize/class-wp-customize-color-control.php
    index dff593bb06..357cce0a52 100644
    class WP_Customize_Color_Control extends WP_Customize_Control { 
    8989         */
    9090        public function content_template() {
    9191                ?>
    92                 <# var defaultValue = '#RRGGBB', defaultValueAttr = '',
     92                <#
     93                var defaultValue = '#RRGGBB',
     94                        defaultValueAttr = '',
     95                        inputId = _.uniqueId( 'customize-color-control-input-' ),
    9396                        isHueSlider = data.mode === 'hue';
     97
    9498                if ( data.defaultValue && _.isString( data.defaultValue ) && ! isHueSlider ) {
    9599                        if ( '#' !== data.defaultValue.substring( 0, 1 ) ) {
    96100                                defaultValue = '#' + data.defaultValue;
    class WP_Customize_Color_Control extends WP_Customize_Control { 
    98102                                defaultValue = data.defaultValue;
    99103                        }
    100104                        defaultValueAttr = ' data-default-color=' + defaultValue; // Quotes added automatically.
    101                 } #>
     105                }
     106                #>
    102107                <# if ( data.label ) { #>
    103108                        <span class="customize-control-title">{{{ data.label }}}</span>
    104109                <# } #>
    class WP_Customize_Color_Control extends WP_Customize_Control { 
    106111                        <span class="description customize-control-description">{{{ data.description }}}</span>
    107112                <# } #>
    108113                <div class="customize-control-content">
    109                         <label><span class="screen-reader-text">{{{ data.label }}}</span>
     114                        <label for="{{ inputId }}"><span class="screen-reader-text">{{{ data.label }}}</span></label>
     115
    110116                        <# if ( isHueSlider ) { #>
    111                                 <input class="color-picker-hue" type="text" data-type="hue" />
     117                                <input id="{{ inputId }}" class="color-picker-hue" type="number" min="1" max="359" data-type="hue" />
    112118                        <# } else { #>
    113                                 <input class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} />
     119                                <input id="{{ inputId }}" class="color-picker-hex" type="text" maxlength="7" placeholder="{{ defaultValue }}" {{ defaultValueAttr }} />
    114120                         <# } #>
    115                         </label>
    116121                </div>
    117122                <?php
    118123        }