sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Accessibility: Improve and modernize user interface controls: Revert the new links focus style.

Browse Source 
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
This commit is contained in:
Andrea Fercia 2019-10-07 19:55:58 +00:00
parent 86b0faf219
commit 5e943fad4a
4 changed files with 34 additions and 10 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

31
src/wp-admin/css/common.css
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,

4
src/wp-admin/css/login.css
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 {

3
src/wp-admin/css/themes.css
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 {

6
src/wp-includes/css/buttons.css
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 {