Skip to content
Permalink
Browse files

Accessibility: Improve and modernize user interface controls: Revert …

…the new links focus style.

Thew new dotted outline for the links focus style introduced in [46241] doesn't appear to be ready to guarantee a good indication of focus.
It was agreed to restore the previous links focus style and postpone exploration for a new style to the next release cycle.
Partially reverts [46241] and [46293].

See #34904, #47153.


git-svn-id: https://develop.svn.wordpress.org/trunk@46425 602fd350-edb4-49c9-b593-d223f7449a82
  • Loading branch information...
afercia committed Oct 7, 2019
1 parent 86b0faf commit 5e943fad4a3d936898b58da5d762ae25532ebc64
Showing with 34 additions and 10 deletions.
  1. +24 −7 src/wp-admin/css/common.css
  2. +3 −1 src/wp-admin/css/login.css
  3. +2 −1 src/wp-admin/css/themes.css
  4. +5 −1 src/wp-includes/css/buttons.css
@@ -272,15 +272,21 @@ a:focus,
a:focus .media-icon img,
.wp-person a:focus .gravatar {
color: #124964;
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}

.ie8 a:focus {
outline: #5b9dd9 solid 1px;
}

#adminmenu a:focus {
outline: 1px dotted #555d66;
box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px;
}

@@ -833,7 +839,9 @@ img.emoji {
}

.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

.key-labels label {
@@ -1429,7 +1437,10 @@ div.error p,
}

.notice-dismiss:focus {
outline: 1px dotted #555d66;
outline: none;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

.ie8 .notice-dismiss:focus {
@@ -3062,7 +3073,9 @@ img {
}

.js .postbox .handlediv:focus .toggle-indicator:before {
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

/* @todo: appears to be Press This only and overridden */
@@ -3157,7 +3170,9 @@ img {
}
[role="treeitem"] .folder-label.focus {
color: #124964;
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}
[role="treeitem"].hover,
[role="treeitem"] .folder-label.hover {
@@ -3384,7 +3399,9 @@ img {
}

.widget-top .widget-action:focus .toggle-indicator:before {
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

.control-section .accordion-section-title:after,
@@ -32,7 +32,9 @@ a:active {

a:focus {
color: #124964;
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
}

p {
@@ -176,7 +176,8 @@ body.js .theme-browser.search-loading {
}

.theme-browser .theme:focus {
outline: 1px dotted #555d66;
border-color: #5b9dd9;
box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
}

.theme-browser .theme:focus .more-details {
@@ -211,7 +211,11 @@ TABLE OF CONTENTS:

.wp-core-ui .button-link:focus {
color: #124964;
outline: 1px dotted #555d66;
box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
}

.wp-core-ui .button-link-delete {

0 comments on commit 5e943fa

Please sign in to comment.
You can’t perform that action at this time.