Make WordPress Core


Ignore:
Timestamp:
02/07/2024 04:54:58 PM (15 months ago)
Author:
joedolson
Message:

Administration: Improve contrast and consistency of focus styles.

Apply new focus styles from WordPress 5.3 more broadly. An updated focus style for form inputs, buttons, and link styled as buttons was added in WordPress 5.3; this commit makes other focus styles consistent with those changes so they meet accessibility standards for color contrast.

Props johnbillion, kebbet, joedolson, afercia.
Fixes #51870.

File:
1 edited

Legend:

Unmodified
Added
Removed
  • trunk/src/wp-includes/functions.php

    r57545 r57553  
    39063906        }
    39073907        a {
    3908             color: #0073aa;
     3908            color: #2271b1;
    39093909        }
    39103910        a:hover,
    39113911        a:active {
    3912             color: #006799;
     3912            color: #135e96;
    39133913        }
    39143914        a:focus {
    3915             color: #124964;
    3916             -webkit-box-shadow:
    3917                 0 0 0 1px #5b9dd9,
    3918                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    3919             box-shadow:
    3920                 0 0 0 1px #5b9dd9,
    3921                 0 0 2px 1px rgba(30, 140, 190, 0.8);
    3922             outline: none;
     3915            color: #043959;
     3916            box-shadow: 0 0 0 2px #2271b1;
     3917            outline: 2px solid transparent;
    39233918        }
    39243919        .button {
Note: See TracChangeset for help on using the changeset viewer.