Changeset 40570

Timestamp:

05/04/2017 10:31:17 PM (9 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;