Changeset 35494

Timestamp:

11/03/2015 05:58:15 PM (9 years ago)

Author:

afercia

Message:

Accessibility: Improve buttons focus and links style in the install screens.

Fixes #34530.

Location:

trunk/src

Files:

• wp-admin/css/install.css (modified) (2 diffs)
• wp-includes/functions.php (modified) (2 diffs)

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

@@ -18 +18 @@
 a {
     color: #0073aa;
-    text-decoration: none;
-}
-
-a:hover {
+}
+
+a:hover,
+a:active {
     color: #00a0d2;
+}
+
+a:focus {
+    color: #124964;
+    -webkit-box-shadow:
+        0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
+    box-shadow:
+        0 0 0 1px #5b9dd9,
+        0 0 2px 1px rgba(30, 140, 190, .8);
+}
+
+.ie8 a:focus {
+    outline: #5b9dd9 solid 1px;
 }
 
@@ -98 +112 @@
     display: block;
 }
+
+#logo a:focus {
+    -webkit-box-shadow: none;
+    box-shadow: none;
+}
+
 .step {
     margin: 20px 0 15px;

trunk/src/wp-includes/functions.php

@@ -2558 +2558 @@
         a {
             color: #0073aa;
-            text-decoration: none;
-        }
-        a:hover {
+        }
+        a:hover,
+        a:active {
             color: #00a0d2;
         }
@@ -2612 +2612 @@
 
         .button:focus  {
-            -webkit-box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba(0, 115, 170, .8);
-            box-shadow:
-                0 0 0 1px #5b9dd9,
-                0 0 2px 1px rgba(0, 115, 170, .8);
+            border-color: #5b9dd9;
+            -webkit-box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
+            box-shadow: 0 0 3px rgba( 0, 115, 170, .8 );
             outline: none;
         }