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.

Built from https://develop.svn.wordpress.org/trunk@47304


git-svn-id: http://core.svn.wordpress.org/trunk@47104 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2020-02-18 15:32:09 +00:00
parent bb7880a7ea
commit d1054fcb48
11 changed files with 21 additions and 25 deletions

View File

@ -437,7 +437,6 @@ table.media .column-title .filename {
#commentsdiv .comments-box thead td {
background: transparent;
padding: 0 7px 4px;
font-style: italic;
}
#commentsdiv .comments-box tr:last-child td {
@ -1021,11 +1020,6 @@ tr.inline-edit-row td,
text-transform: uppercase;
}
.inline-edit-row fieldset span.title,
.inline-edit-row fieldset span.checkbox-title {
font-style: italic;
}
/* Specific Elements */
.inline-edit-row fieldset .inline-edit-date {
float: right;
@ -1319,7 +1313,6 @@ ul.cat-checklist {
.plugins .paused .error-display p,
.plugins .paused .error-display code {
font-size: 90%;
font-style: italic;
color: rgba( 0, 0, 0, 0.7 );
}

File diff suppressed because one or more lines are too long

View File

@ -436,7 +436,6 @@ table.media .column-title .filename {
#commentsdiv .comments-box thead td {
background: transparent;
padding: 0 7px 4px;
font-style: italic;
}
#commentsdiv .comments-box tr:last-child td {
@ -1020,11 +1019,6 @@ tr.inline-edit-row td,
text-transform: uppercase;
}
.inline-edit-row fieldset span.title,
.inline-edit-row fieldset span.checkbox-title {
font-style: italic;
}
/* Specific Elements */
.inline-edit-row fieldset .inline-edit-date {
float: left;
@ -1318,7 +1312,6 @@ ul.cat-checklist {
.plugins .paused .error-display p,
.plugins .paused .error-display code {
font-size: 90%;
font-style: italic;
color: rgba( 0, 0, 0, 0.7 );
}

File diff suppressed because one or more lines are too long

View File

@ -1054,7 +1054,11 @@ border color while dragging a file over the uploader drop area */
.imgedit-help {
display: none;
font-style: italic;
padding-bottom: 8px;
}
.imgedit-help.imgedit-restore {
padding-bottom: 0;
}
/* higher specificity than buttons */

File diff suppressed because one or more lines are too long

View File

@ -1053,7 +1053,11 @@ border color while dragging a file over the uploader drop area */
.imgedit-help {
display: none;
font-style: italic;
padding-bottom: 8px;
}
.imgedit-help.imgedit-restore {
padding-bottom: 0;
}
/* higher specificity than buttons */

File diff suppressed because one or more lines are too long

View File

@ -1608,12 +1608,12 @@ class WP_Posts_List_Table extends WP_List_Table {
<span class="input-text-wrap"><input type="text" name="post_password" class="inline-edit-password-input" value="" /></span>
</label>
<em class="alignleft inline-edit-or">
<span class="alignleft inline-edit-or">
<?php
/* translators: Between password field and private checkbox on post quick edit interface. */
_e( '&ndash;OR&ndash;' );
?>
</em>
</span>
<label class="alignleft inline-edit-private">
<input type="checkbox" name="keep_private" value="private" />
<span class="checkbox-title"><?php _e( 'Private' ); ?></span>

View File

@ -91,7 +91,7 @@ function wp_image_editor( $post_id, $msg = false ) {
<div class="imgedit-group">
<div class="imgedit-group-top">
<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>
<div class="imgedit-help">
<div class="imgedit-help imgedit-restore">
<p>
<?php
_e( 'Discard any changes and restore the original image.' );
@ -159,7 +159,9 @@ function wp_image_editor( $post_id, $msg = false ) {
<div class="imgedit-group-top">
<h2><?php _e( 'Thumbnail Settings' ); ?></h2>
<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>
<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>
<div class="imgedit-help">
<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>
</div>
</div>
<figure class="imgedit-thumbnail-preview">

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.4-beta1-47303';
$wp_version = '5.4-beta1-47304';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.