Changeset 40570

Timestamp:

05/04/2017 10:31:17 PM (8 years ago)

Author:

afercia

Message:

Accessibility: Improve the color contrast ratio of the dismiss notice buttons.

Props chris_dev.
Fixes #39970.

Location:

trunk/src

Files:

• wp-admin/css/common.css (modified) (2 diffs)
• wp-admin/css/media.css (modified) (1 diff)
• wp-includes/css/media-views.css (modified) (1 diff)
• wp-includes/css/wp-pointer.css (modified) (1 diff)

trunk/src/wp-admin/css/common.css

@@ -780 +780 @@
 .notice-dismiss:before {
     background: none;
-    color: #b4b9be;
+    color: #72777c;
     content: "\f153";
     display: block;
@@ -1418 +1418 @@
     padding: 9px;
     background: none;
-    color: #b4b9be;
+    color: #72777c;
     cursor: pointer;
 }

trunk/src/wp-admin/css/media.css

@@ -507 +507 @@
     display: block;
     font: normal 16px/1 dashicons;
-    color: #b4b9be;
+    color: #72777c;
 }
 

trunk/src/wp-includes/css/media-views.css

@@ -1273 +1273 @@
 .media-sidebar .media-uploader-status .upload-dismiss-errors {
     position: absolute;
-    top: 0;
-    right: 0;
+    top: -10px;
+    right: -10px;
+    padding: 10px;
     -webkit-transition: none;
     transition: none;
+}
+
+.media-sidebar .media-uploader-status .upload-dismiss-errors:before {
+    content: "\f153";
+    display: block;
+    font: normal 16px/1 dashicons;
+    color: #72777c;
+}
+
+.media-sidebar .media-uploader-status .upload-dismiss-errors:hover:before,
+.media-sidebar .media-uploader-status .upload-dismiss-errors:focus:before {
+    color: #c00;
 }
 

trunk/src/wp-includes/css/wp-pointer.css

@@ -62 +62 @@
 .wp-pointer-buttons a.close:before {
     background: none;
-    color: #b4b9be;
+    color: #72777c;
     content: "\f153";
     display: block !important;