WordPress.org

Make WordPress Core

Changeset 46425


Ignore:
Timestamp:
10/07/2019 07:55:58 PM (2 months ago)
Author:
afercia
Message:

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.

Location:
trunk/src
Files:
4 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-admin/css/common.css

    r46418 r46425  
    273273.wp-person a:focus .gravatar {
    274274    color: #124964;
    275     outline: 1px dotted #555d66;
     275    box-shadow:
     276        0 0 0 1px #5b9dd9,
     277        0 0 2px 1px rgba(30, 140, 190, 0.8);
     278        /* Only visible in Windows High Contrast mode */
     279        outline: 1px solid transparent;
    276280}
    277281
     
    281285
    282286#adminmenu a:focus {
    283     outline: 1px dotted #555d66;
     287    box-shadow: none;
     288    /* Only visible in Windows High Contrast mode */
     289    outline: 1px solid transparent;
    284290    outline-offset: -1px;
    285291}
     
    834840
    835841.tagchecklist .ntdelbutton:focus .remove-tag-icon:before {
    836     outline: 1px dotted #555d66;
     842    box-shadow:
     843        0 0 0 1px #5b9dd9,
     844        0 0 2px 1px rgba(30, 140, 190, 0.8);
    837845}
    838846
     
    14301438
    14311439.notice-dismiss:focus {
    1432     outline: 1px dotted #555d66;
     1440    outline: none;
     1441    box-shadow:
     1442        0 0 0 1px #5b9dd9,
     1443        0 0 2px 1px rgba(30, 140, 190, 0.8);
    14331444}
    14341445
     
    30633074
    30643075.js .postbox .handlediv:focus .toggle-indicator:before {
    3065     outline: 1px dotted #555d66;
     3076    box-shadow:
     3077        0 0 0 1px #5b9dd9,
     3078        0 0 2px 1px rgba(30, 140, 190, 0.8);
    30663079}
    30673080
     
    31583171[role="treeitem"] .folder-label.focus {
    31593172    color: #124964;
    3160     outline: 1px dotted #555d66;
     3173    box-shadow:
     3174        0 0 0 1px #5b9dd9,
     3175        0 0 2px 1px rgba(30, 140, 190, 0.8);
    31613176}
    31623177[role="treeitem"].hover,
     
    33853400
    33863401.widget-top .widget-action:focus .toggle-indicator:before {
    3387     outline: 1px dotted #555d66;
     3402    box-shadow:
     3403        0 0 0 1px #5b9dd9,
     3404        0 0 2px 1px rgba(30, 140, 190, 0.8);
    33883405}
    33893406
  • trunk/src/wp-admin/css/login.css

    r46372 r46425  
    3333a:focus {
    3434    color: #124964;
    35     outline: 1px dotted #555d66;
     35    box-shadow:
     36        0 0 0 1px #5b9dd9,
     37        0 0 2px 1px rgba(30, 140, 190, 0.8);
    3638}
    3739
  • trunk/src/wp-admin/css/themes.css

    r46419 r46425  
    177177
    178178.theme-browser .theme:focus {
    179     outline: 1px dotted #555d66;
     179    border-color: #5b9dd9;
     180    box-shadow: 0 0 2px rgba(30, 140, 190, 0.8);
    180181}
    181182
  • trunk/src/wp-includes/css/buttons.css

    r46423 r46425  
    212212.wp-core-ui .button-link:focus {
    213213    color: #124964;
    214     outline: 1px dotted #555d66;
     214    box-shadow:
     215        0 0 0 1px #5b9dd9,
     216        0 0 2px 1px rgba(30, 140, 190, 0.8);
     217    /* Only visible in Windows High Contrast mode */
     218    outline: 1px solid transparent;
    215219}
    216220
Note: See TracChangeset for help on using the changeset viewer.