WordPress.org

Make WordPress Core

Changeset 36619


Ignore:
Timestamp:
02/22/16 23:28:43 (19 months 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.