IntenseWebs/WordPress
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

Media: Improve the headings hierarchy in the Media Views for better accessibility.

Browse Source 
Fixes #34273.
Built from https://develop.svn.wordpress.org/trunk@35427


git-svn-id: http://core.svn.wordpress.org/trunk@35391 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia
2015-10-28 23:08:24 +00:00
parent d7da5970fa
commit db8b09c40d
11 changed files with 77 additions and 48 deletions
Download Patch File Download Diff File Expand all files Collapse all files

12
wp-admin/css/media-rtl.css
View File

@@ -500,7 +500,8 @@ border color while dragging a file over the uploader drop area */
color: #c00;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
display: none;
}
@@ -1017,11 +1018,16 @@ border color while dragging a file over the uploader drop area */
margin: 0 0 0 8px;
}
#poststuff .imgedit-group-top h3 {
#poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */
#poststuff .imgedit-group-top h2 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.4;
}
.imgedit-group-top h3 a {
.imgedit-group-top h3 a, /* Back-compat for pre-4.4 */
.imgedit-group-top h2 a {
text-decoration: none;
}

12
wp-admin/css/media.css
View File

@@ -500,7 +500,8 @@ border color while dragging a file over the uploader drop area */
color: #c00;
}
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3 {
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h3, /* Back-compat for pre-4.4 */
.upload-php .mode-grid .media-sidebar .media-uploader-status.errors h2 {
display: none;
}
@@ -1017,11 +1018,16 @@ border color while dragging a file over the uploader drop area */
margin: 0 8px 0 0;
}
#poststuff .imgedit-group-top h3 {
#poststuff .imgedit-group-top h3, /* Back-compat for pre-4.4 */
#poststuff .imgedit-group-top h2 {
margin: 0;
padding: 0;
font-size: 14px;
line-height: 1.4;
}
.imgedit-group-top h3 a {
.imgedit-group-top h3 a, /* Back-compat for pre-4.4 */
.imgedit-group-top h2 a {
text-decoration: none;
}

2
wp-admin/css/wp-admin-rtl.min.css vendored
View File

File diff suppressed because one or more lines are too long

2
wp-admin/css/wp-admin.min.css vendored
View File

File diff suppressed because one or more lines are too long

8
wp-admin/includes/image-edit.php
View File

@@ -46,7 +46,7 @@ function wp_image_editor($post_id, $msg = false) {
<div class="imgedit-settings">
<div class="imgedit-group">
<div class="imgedit-group-top">
<h3><?php _e( 'Scale Image' ); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h3>
<h2><?php _e( 'Scale Image' ); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h2>
<div class="imgedit-help">
<p><?php _e('You can proportionally scale the original image. For best results, scaling should be done before you crop, flip, or rotate. Images can only be scaled down, not up.'); ?></p>
</div>
@@ -65,7 +65,7 @@ function wp_image_editor($post_id, $msg = false) {
<div class="imgedit-group">
<div class="imgedit-group-top">
<h3><a onclick="imageEdit.toggleHelp(this);return false;" href="#"><?php _e('Restore Original Image'); ?> <span class="dashicons dashicons-arrow-down imgedit-help-toggle"></span></a></h3>
<h2><a onclick="imageEdit.toggleHelp(this);return false;" href="#"><?php _e('Restore Original Image'); ?> <span class="dashicons dashicons-arrow-down imgedit-help-toggle"></span></a></h2>
<div class="imgedit-help">
<p><?php _e('Discard any changes and restore the original image.');
@@ -84,7 +84,7 @@ function wp_image_editor($post_id, $msg = false) {
<div class="imgedit-group">
<div class="imgedit-group-top">
<h3><?php _e('Image Crop'); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h3>
<h2><?php _e( 'Image Crop' ); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h2>
<div class="imgedit-help">
<p><?php _e('To crop the image, click on it and drag to make your selection.'); ?></p>
@@ -122,7 +122,7 @@ function wp_image_editor($post_id, $msg = false) {
<div class="imgedit-group imgedit-applyto">
<div class="imgedit-group-top">
<h3><?php _e('Thumbnail Settings'); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h3>
<h2><?php _e( 'Thumbnail Settings' ); ?> <a href="#" class="dashicons dashicons-editor-help imgedit-help-toggle" onclick="imageEdit.toggleHelp(this);return false;"></a></h2>
<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>