WordPress.org

Make WordPress Core

Changeset 47304


Ignore:
Timestamp:
02/18/2020 03:30:10 PM (7 weeks ago)
Author:
afercia
Message:

Accessibility: Improve readability by removing unnecessary italic font style.

Per Web Content Accessibility Guidelines 2.0, big chunks of italic text should be avoided.
Same applies to UI controls, since they're meant to be comfortably readable by the largest possible audience, e.g.: label elements.

Removes italic font style from:

  • the Quick Edit / Bulk Edit forms
  • the Recovery Mode plugin error details
  • the Image Editor inline help

Props birgire, audrasjb, SergeyBiryukov, melchoyce, estelaris, sabernhardt, xkon, nrqsnchz, afercia.
See #47327.

Location:
trunk/src/wp-admin
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/list-tables.css

    r46866 r47304  
    437437    background: transparent;
    438438    padding: 0 7px 4px;
    439     font-style: italic;
    440439}
    441440
     
    10211020}
    10221021
    1023 .inline-edit-row fieldset span.title,
    1024 .inline-edit-row fieldset span.checkbox-title {
    1025     font-style: italic;
    1026 }
    1027 
    10281022/*  Specific Elements */
    10291023.inline-edit-row fieldset .inline-edit-date {
     
    13191313.plugins .paused .error-display code {
    13201314    font-size: 90%;
    1321     font-style: italic;
    13221315    color: rgba( 0, 0, 0, 0.7 );
    13231316}
  • trunk/src/wp-admin/css/media.css

    r47222 r47304  
    10541054.imgedit-help {
    10551055    display: none;
    1056     font-style: italic;
     1056    padding-bottom: 8px;
     1057}
     1058
     1059.imgedit-help.imgedit-restore {
     1060    padding-bottom: 0;
    10571061}
    10581062
  • trunk/src/wp-admin/includes/class-wp-posts-list-table.php

    r47233 r47304  
    16091609                        </label>
    16101610
    1611                         <em class="alignleft inline-edit-or">
     1611                        <span class="alignleft inline-edit-or">
    16121612                            <?php
    16131613                            /* translators: Between password field and private checkbox on post quick edit interface. */
    16141614                            _e( '&ndash;OR&ndash;' );
    16151615                            ?>
    1616                         </em>
     1616                        </span>
    16171617                        <label class="alignleft inline-edit-private">
    16181618                            <input type="checkbox" name="keep_private" value="private" />
  • trunk/src/wp-admin/includes/image-edit.php

    r47219 r47304  
    9292    <div class="imgedit-group-top">
    9393        <h2><button type="button" onclick="imageEdit.toggleHelp(this);" class="button-link"><?php _e( 'Restore Original Image' ); ?> <span class="dashicons dashicons-arrow-down imgedit-help-toggle"></span></button></h2>
    94         <div class="imgedit-help">
     94        <div class="imgedit-help imgedit-restore">
    9595        <p>
    9696            <?php
     
    160160        <h2><?php _e( 'Thumbnail Settings' ); ?></h2>
    161161        <button type="button" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;" aria-expanded="false"><span class="screen-reader-text"><?php esc_html_e( 'Thumbnail Settings Help' ); ?></span></button>
    162         <p class="imgedit-help"><?php _e( 'You can edit the image while preserving the thumbnail. For example, you may wish to have a square thumbnail that displays just a section of the image.' ); ?></p>
     162        <div class="imgedit-help">
     163        <p><?php _e( 'You can edit the image while preserving the thumbnail. For example, you may wish to have a square thumbnail that displays just a section of the image.' ); ?></p>
     164        </div>
    163165    </div>
    164166
Note: See TracChangeset for help on using the changeset viewer.