WordPress.org

Make WordPress Core

Changeset 45931


Ignore:
Timestamp:
09/02/2019 09:48:29 PM (3 weeks ago)
Author:
afercia
Message:

Accessibility: Improve focus styles for legacy modal dialogs powered by jQuery UI.

Fixes #47944.

Location:
trunk/src/wp-includes/css
Files:
2 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/css/editor.css

    r45610 r45931  
    14541454        0 0 0 1px #5b9dd9,
    14551455        0 0 2px 1px rgba(30, 140, 190, 0.8);
     1456    /* Only visible in Windows High Contrast mode */
     1457    outline: 2px solid transparent;
     1458    outline-offset: -2px;
    14561459}
    14571460
  • trunk/src/wp-includes/css/jquery-ui-dialog.css

    r45471 r45931  
    265265    background-color: #fff;
    266266    box-shadow: 0 3px 6px rgba(0, 0, 0, 0.3);
     267    overflow: hidden;
    267268}
    268269
     
    291292    height: 36px;
    292293    text-align: center;
     294    border-radius: 0;
    293295}
    294296
     
    305307}
    306308
    307 .ui-button.ui-dialog-titlebar-close:hover {
     309.ui-button.ui-dialog-titlebar-close:hover,
     310.ui-button.ui-dialog-titlebar-close:focus {
    308311    color: #00a0d2;
     312}
     313
     314.ui-button.ui-dialog-titlebar-close:focus {
     315    box-shadow:
     316        0 0 0 1px #5b9dd9,
     317        0 0 2px 1px rgba(30, 140, 190, 0.8);
     318    /* Only visible in Windows High Contrast mode */
     319    outline: 2px solid transparent;
     320    outline-offset: -2px;
    309321}
    310322
Note: See TracChangeset for help on using the changeset viewer.