Accessibility: bump headings one level up in post meta boxes for a better headings hierarchy.

Props afercia, joedolson, wonderboymusic.
See #33557.

git-svn-id: https://develop.svn.wordpress.org/trunk@35128 602fd350-edb4-49c9-b593-d223f7449a82
This commit is contained in:
Sergey Biryukov 2015-10-13 06:56:48 +00:00
parent b71dfae98c
commit 70a4da6f04
4 changed files with 28 additions and 15 deletions

View File

@ -2048,13 +2048,21 @@ h2 .nav-tab {
margin-right: 190px;
}
.metabox-holder h3 {
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h2 {
font-size: 14px;
padding: 8px 12px;
margin: 0;
line-height: 1.4;
}
/* Back-compat for nav-menus screen */
.nav-menus-php .metabox-holder h3 {
padding: 10px 10px 11px 14px;
line-height: 21px;
}
#templateside ul li a {
text-decoration: none;
}
@ -3420,7 +3428,9 @@ img {
font-size: 14px;
}
.metabox-holder h3 {
.metabox-holder h3.hndle, /* Back-compat for pre-4.4 */
.metabox-holder .stuffbox > h3, /* Back-compat for pre-4.4 */
.metabox-holder h2 {
padding: 12px;
}

View File

@ -947,12 +947,12 @@ a.rsswidget {
box-shadow: none;
}
#dashboard_browser_nag.postbox.browser-insecure h3 {
#dashboard_browser_nag.postbox.browser-insecure h2 {
border-bottom-color: #cd5a5a;
color: #fff;
}
#dashboard_browser_nag.postbox h3 {
#dashboard_browser_nag.postbox h2 {
border-bottom-color: #f6e2ac;
background: transparent none;
color: #fff;
@ -966,7 +966,7 @@ a.rsswidget {
/* Make the browser nags easier to read with Open Sans */
#dashboard_browser_nag h3.hndle {
#dashboard_browser_nag h2.hndle {
border: none;
font-weight: 600;
font-size: 20px;

View File

@ -239,8 +239,15 @@ ul.category-tabs li,
margin: 8px 0 5px;
}
/* Back-compat for pre-4.4 */
#category-adder h4 {
margin: 0;
}
.taxonomy-add-new {
display: inline-block;
margin: 10px 0;
font-weight: 600;
}
#side-sortables .add-menu-item-tabs,
@ -627,15 +634,9 @@ span.wp-media-buttons-icon:before {
position: absolute;
}
#poststuff h3.hndle, /* Back-compat for pre-4.4 */
#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
#poststuff h2 {
margin-top: 20px;
font-size: 1.5em;
margin-bottom: 15px;
padding: 0 0 3px;
clear: left;
}
#poststuff h3 {
font-size: 14px;
padding: 8px 12px;
margin: 0;
@ -1358,7 +1359,9 @@ table.links-table {
padding: 10px 10px;
}
#poststuff h3 {
#poststuff h3.hndle, /* Back-compat for pre-4.4 */
#poststuff .stuffbox > h3, /* Back-compat for pre-4.4 */
#poststuff h2 {
padding: 12px;
}

View File

@ -1006,7 +1006,7 @@ function do_meta_boxes( $screen, $context, $object ) {
echo '<span class="toggle-indicator" aria-hidden="true"></span>';
echo '</button>';
}
echo "<h3 class='hndle'><span>{$box['title']}</span></h3>\n";
echo "<h2 class='hndle'><span>{$box['title']}</span></h2>\n";
echo '<div class="inside">' . "\n";
call_user_func($box['callback'], $object, $box);
echo "</div>\n";