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.

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


git-svn-id: http://core.svn.wordpress.org/trunk@46223 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2019-10-07 19:57:02 +00:00
parent 2f46afbc53
commit 92f09c0496
17 changed files with 77 additions and 29 deletions

View File

@ -272,7 +272,11 @@ 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 {
@ -280,7 +284,9 @@ a:focus .media-icon img,
}
#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,

File diff suppressed because one or more lines are too long

View File

@ -272,7 +272,11 @@ 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 {
@ -280,7 +284,9 @@ a:focus .media-icon img,
}
#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,

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -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 {

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.3-beta2-46424';
$wp_version = '5.3-beta2-46425';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.