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, a:focus .media-icon img,
.wp-person a:focus .gravatar { .wp-person a:focus .gravatar {
color: #124964; 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 { .ie8 a:focus {
@ -280,7 +284,9 @@ a:focus .media-icon img,
} }
#adminmenu a:focus { #adminmenu a:focus {
outline: 1px dotted #555d66; box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px; outline-offset: -1px;
} }
@ -833,7 +839,9 @@ img.emoji {
} }
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before { .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 { .key-labels label {
@ -1429,7 +1437,10 @@ div.error p,
} }
.notice-dismiss:focus { .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 { .ie8 .notice-dismiss:focus {
@ -3062,7 +3073,9 @@ img {
} }
.js .postbox .handlediv:focus .toggle-indicator:before { .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 */ /* @todo: appears to be Press This only and overridden */
@ -3157,7 +3170,9 @@ img {
} }
[role="treeitem"] .folder-label.focus { [role="treeitem"] .folder-label.focus {
color: #124964; 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"].hover,
[role="treeitem"] .folder-label.hover { [role="treeitem"] .folder-label.hover {
@ -3384,7 +3399,9 @@ img {
} }
.widget-top .widget-action:focus .toggle-indicator:before { .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, .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, a:focus .media-icon img,
.wp-person a:focus .gravatar { .wp-person a:focus .gravatar {
color: #124964; 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 { .ie8 a:focus {
@ -280,7 +284,9 @@ a:focus .media-icon img,
} }
#adminmenu a:focus { #adminmenu a:focus {
outline: 1px dotted #555d66; box-shadow: none;
/* Only visible in Windows High Contrast mode */
outline: 1px solid transparent;
outline-offset: -1px; outline-offset: -1px;
} }
@ -833,7 +839,9 @@ img.emoji {
} }
.tagchecklist .ntdelbutton:focus .remove-tag-icon:before { .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 { .key-labels label {
@ -1429,7 +1437,10 @@ div.error p,
} }
.notice-dismiss:focus { .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 { .ie8 .notice-dismiss:focus {
@ -3062,7 +3073,9 @@ img {
} }
.js .postbox .handlediv:focus .toggle-indicator:before { .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 */ /* @todo: appears to be Press This only and overridden */
@ -3157,7 +3170,9 @@ img {
} }
[role="treeitem"] .folder-label.focus { [role="treeitem"] .folder-label.focus {
color: #124964; 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"].hover,
[role="treeitem"] .folder-label.hover { [role="treeitem"] .folder-label.hover {
@ -3384,7 +3399,9 @@ img {
} }
.widget-top .widget-action:focus .toggle-indicator:before { .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, .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 { a:focus {
color: #124964; color: #124964;
outline: 1px dotted #555d66; box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
p { p {

File diff suppressed because one or more lines are too long

View File

@ -32,7 +32,9 @@ a:active {
a:focus { a:focus {
color: #124964; color: #124964;
outline: 1px dotted #555d66; box-shadow:
0 0 0 1px #5b9dd9,
0 0 2px 1px rgba(30, 140, 190, 0.8);
} }
p { 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 { .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 { .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 { .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 { .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 { .wp-core-ui .button-link:focus {
color: #124964; 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 { .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 { .wp-core-ui .button-link:focus {
color: #124964; 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 { .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 * @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. * Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.