WordPress.org

Make WordPress Core

Changeset 36619


Ignore:
Timestamp:
02/22/2016 11:28:43 PM (2 years ago)
Author:
afercia
Message:

Accessibility: Improve the color contrast ratio for the input placeholders.

Also, cleans up a bit the CSS removing rules for elements that don't use
placeholders any more.

Fixes #35777.

Location:
trunk/src
Files:
6 edited

Legend:

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

    r35703 r36619  
    103103    font-size: 12px;
    104104    font-family: monospace;
    105     text-align: center;
    106105    line-height: 16px;
    107106    margin: 0;
    108107}
    109108
    110 .wp-picker-container input[type="text"].wp-color-picker:focus::-webkit-input-placeholder {
    111     color: transparent;
     109.wp-color-picker::-webkit-input-placeholder {
     110    color: #72777c;
    112111}
    113112
    114 .wp-picker-container input[type="text"].wp-color-picker:-moz-placeholder {
    115     color: #999;
     113.wp-color-picker::-moz-placeholder {
     114    color: #72777c;
     115    opacity: 1;
     116}
     117
     118.wp-color-picker:-ms-input-placeholder {
     119    color: #72777c;
    116120}
    117121
  • trunk/src/wp-admin/css/colors/_admin.scss

    r36532 r36619  
    358358}
    359359
    360 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder { color: $menu-text; opacity: 0.7; }
    361 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder { color: $menu-text; opacity: 0.7; }
    362 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder { color: $menu-text; opacity: 0.7; }
    363 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder { color: $menu-text; opacity: 0.7; }
    364 
    365 
    366360/* Admin Bar: my account */
    367361
  • trunk/src/wp-admin/css/forms.css

    r36582 r36619  
    235235}
    236236
    237 :-moz-placeholder,
    238 .wp-core-ui :-moz-placeholder {
    239    color: #a9a9a9;
     237::-webkit-input-placeholder {
     238    color: #72777c;
     239}
     240
     241::-moz-placeholder {
     242   color: #72777c;
     243   opacity: 1;
     244}
     245
     246:-ms-input-placeholder {
     247    color: #72777c;
    240248}
    241249
  • trunk/src/wp-admin/css/press-this.css

    r36587 r36619  
    244244th {
    245245    padding: 0;
     246}
     247
     248::-webkit-input-placeholder {
     249    color: #72777c;
     250}
     251
     252::-moz-placeholder {
     253   color: #72777c;
     254   opacity: 1;
     255}
     256
     257:-ms-input-placeholder {
     258    color: #72777c;
    246259}
    247260
     
    15471560    position: absolute;
    15481561    border: 0;
    1549     color: #9ea7af;
     1562    color: #82878c;
    15501563    z-index: -1;
    15511564}
  • trunk/src/wp-includes/css/admin-bar.css

    r36587 r36619  
    672672}
    673673
    674 #wpadminbar #adminbarsearch .adminbar-input::-webkit-input-placeholder {
    675     color: #999;
    676 }
    677 #wpadminbar #adminbarsearch .adminbar-input:-moz-placeholder {
    678     color: #999;
    679 }
    680 #wpadminbar #adminbarsearch .adminbar-input::-moz-placeholder {
    681     color: #999;
    682 }
    683 #wpadminbar #adminbarsearch .adminbar-input:-ms-input-placeholder {
    684     color: #999;
    685 }
    686 
    687674#wpadminbar #adminbarsearch .adminbar-button {
    688675    display: none;
  • trunk/src/wp-includes/css/media-views.css

    r36587 r36619  
    115115}
    116116
    117 .media-frame :-moz-placeholder {
    118     color: #a9a9a9;
     117.media-frame ::-webkit-input-placeholder {
     118    color: #72777c;
     119}
     120
     121.media-frame ::-moz-placeholder {
     122    color: #72777c;
     123    opacity: 1;
     124}
     125
     126.media-frame :-ms-input-placeholder {
     127    color: #72777c;
    119128}
    120129
Note: See TracChangeset for help on using the changeset viewer.