WordPress.org
Get WordPress

Make WordPress Core

Changeset 53745


Ignore:
Timestamp:
07/21/2022 09:02:52 AM (4 years ago)
Author:
audrasjb
Message:

Administration: Add labels to read-only form fields.

This changeset improves admin forms accessibility by adding labels to the following read-only form fields:

  • Network setup screen: new visible label to the four textareas for code users need to paste into their wp-config file and the server configuration file (web.config or .htaccess).
  • setup-config.php: new visible label to one textarea for code to include in the wp-config file manually.
  • Admin toolbar: adds an arial-label attribute to the old "shortlink" feature (not used anymore but still activable by plugins).

Props sabernhardt, audrasjb, ryokuhi, joedolson.
Fixes #54302.

Location:
trunk/src
Files:
4 edited

Legend:

Unmodified
Added
Removed

  • trunk/src/wp-admin/css/forms.css

    r53710 r53745  
    11311131}
    11321132
     1133.configuration-rules-label {
     1134        font-weight: 600;
     1135        margin-bottom: 4px;
     1136}
     1137
    11331138/*------------------------------------------------------------------------------
    11341139   Credentials check dialog for Install and Updates

  • trunk/src/wp-admin/includes/network.php

    r51979 r53745  
    471471        ?>
    472472        <ol>
    473                 <li><p>
     473                <li><p id="network-wpconfig-rules-description">
    474474                <?php
    475475                printf(
    … …  
    487487                ?>
    488488                </p>
    489                 <textarea class="code" readonly="readonly" cols="100" rows="7">
     489                <p class="configuration-rules-label"><label for="network-wpconfig-rules">
     490                        <?php
     491                        printf(
     492                                /* translators: %s: File name (wp-config.php, .htaccess or web.config). */
     493                                __( 'Network configuration rules for %s' ),
     494                                '<code>wp-config.php</code>'
     495                        );
     496                        ?>
     497                </label></p>
     498                <textarea id="network-wpconfig-rules" class="code" readonly="readonly" cols="100" rows="7" aria-describedby="network-wpconfig-rules-description">
    490499define( 'MULTISITE', true );
    491500define( 'SUBDOMAIN_INSTALL', <?php echo $subdomain_install ? 'true' : 'false'; ?> );
    … …  
    527536                        $num_keys_salts = count( $keys_salts );
    528537                        ?>
    529                 <p>
     538                <p id="network-wpconfig-authentication-description">
    530539                        <?php
    531540                        if ( 1 === $num_keys_salts ) {
    … …  
    545554                        <?php _e( 'To make your installation more secure, you should also add:' ); ?>
    546555                </p>
    547                 <textarea class="code" readonly="readonly" cols="100" rows="<?php echo $num_keys_salts; ?>"><?php echo esc_textarea( $keys_salts_str ); ?></textarea>
     556                <p class="configuration-rules-label"><label for="network-wpconfig-authentication"><?php _e( 'Network configuration authentication keys' ); ?></label></p>
     557                <textarea id="network-wpconfig-authentication" class="code" readonly="readonly" cols="100" rows="<?php echo $num_keys_salts; ?>" aria-describedby="network-wpconfig-authentication-description"><?php echo esc_textarea( $keys_salts_str ); ?></textarea>
    548558                        <?php
    549559                }
    … …  
    604614';
    605615
    606                         echo '<li><p>';
     616                        echo '<li><p id="network-webconfig-rules-description">';
    607617                        printf(
    608618                                /* translators: 1: File name (.htaccess or web.config), 2: File path. */
    … …  
    616626                }
    617627                ?>
    618                 <textarea class="code" readonly="readonly" cols="100" rows="20"><?php echo esc_textarea( $web_config_file ); ?></textarea>
     628                        <p class="configuration-rules-label"><label for="network-webconfig-rules">
     629                                <?php
     630                                printf(
     631                                        /* translators: %s: File name (wp-config.php, .htaccess or web.config). */
     632                                        __( 'Network configuration rules for %s' ),
     633                                        '<code>web.config</code>'
     634                                );
     635                                ?>
     636                        </label></p>
     637                        <textarea id="network-webconfig-rules" class="code" readonly="readonly" cols="100" rows="20" aria-describedby="network-webconfig-rules-description"><?php echo esc_textarea( $web_config_file ); ?></textarea>
    619638                </li>
    620639        </ol>
    … …  
    657676EOF;
    658677
    659                 echo '<li><p>';
     678                echo '<li><p id="network-htaccess-rules-description">';
    660679                printf(
    661680                        /* translators: 1: File name (.htaccess or web.config), 2: File path. */
    … …  
    669688                }
    670689                ?>
    671                 <textarea class="code" readonly="readonly" cols="100" rows="<?php echo substr_count( $htaccess_file, "\n" ) + 1; ?>"><?php echo esc_textarea( $htaccess_file ); ?></textarea>
     690                        <p class="configuration-rules-label"><label for="network-htaccess-rules">
     691                                <?php
     692                                printf(
     693                                        /* translators: %s: File name (wp-config.php, .htaccess or web.config). */
     694                                        __( 'Network configuration rules for %s' ),
     695                                        '<code>.htaccess</code>'
     696                                );
     697                                ?>
     698                        </label></p>
     699                        <textarea id="network-htaccess-rules" class="code" readonly="readonly" cols="100" rows="<?php echo substr_count( $htaccess_file, "\n" ) + 1; ?>" aria-describedby="network-htaccess-rules-description"><?php echo esc_textarea( $htaccess_file ); ?></textarea>
    672700                </li>
    673701        </ol>

  • trunk/src/wp-admin/setup-config.php

    r53458 r53745  
    394394                        setup_config_display_header();
    395395                        ?>
    396         <p>
     396<p>
    397397                        <?php
    398398                        /* translators: %s: wp-config.php */
    … …  
    400400                        ?>
    401401</p>
    402 <p>
     402<p id="wp-config-description">
    403403                        <?php
    404404                        /* translators: %s: wp-config.php */
    … …  
    412412                        ?>
    413413</p>
    414 <textarea id="wp-config" cols="98" rows="15" class="code" readonly="readonly"><?php echo $config_text; ?></textarea>
     414<p class="configuration-rules-label"><label for="wp-config">
     415                        <?php
     416                        /* translators: %s: wp-config.php */
     417                        printf( __( 'Configuration rules for %s:' ), '<code>wp-config.php</code>' );
     418                        ?>
     419        </label></p>
     420<textarea id="wp-config" cols="98" rows="15" class="code" readonly="readonly" aria-describedby="wp-config-description"><?php echo $config_text; ?></textarea>
    415421<p><?php _e( 'After you&#8217;ve done that, click &#8220;Run the installation&#8221;.' ); ?></p>
    416422<p class="step"><a href="<?php echo $install; ?>" class="button button-large"><?php _e( 'Run the installation' ); ?></a></p>

  • trunk/src/wp-includes/admin-bar.php

    r53100 r53745  
    725725        }
    726726
    727         $html = '<input class="shortlink-input" type="text" readonly="readonly" value="' . esc_attr( $short ) . '" />';
     727        $html = '<input class="shortlink-input" type="text" readonly="readonly" value="' . esc_attr( $short ) . '" aria-label="' . __( 'Shortlink' ) . '" />';
    728728
    729729        $wp_admin_bar->add_node(
Note: See TracChangeset for help on using the changeset viewer.