From f25e642086dc761b4a44b24d16d6ec163896bb79 Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Tue, 3 Nov 2015 17:58:15 +0000 Subject: [PATCH] Accessibility: Improve buttons focus and links style in the install screens. Fixes #34530. git-svn-id: https://develop.svn.wordpress.org/trunk@35494 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/install.css | 24 ++++++++++++++++++++++-- src/wp-includes/functions.php | 13 +++++-------- 2 files changed, 27 insertions(+), 10 deletions(-) diff --git a/src/wp-admin/css/install.css b/src/wp-admin/css/install.css index cbc8a9b1fc..74958aa163 100644 --- a/src/wp-admin/css/install.css +++ b/src/wp-admin/css/install.css @@ -17,13 +17,27 @@ body { 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; +} + h1 { border-bottom: 1px solid #dedede; clear: both; @@ -97,6 +111,12 @@ label { overflow: hidden; display: block; } + +#logo a:focus { + -webkit-box-shadow: none; + box-shadow: none; +} + .step { margin: 20px 0 15px; } diff --git a/src/wp-includes/functions.php b/src/wp-includes/functions.php index 762c2fde03..05b5905346 100644 --- a/src/wp-includes/functions.php +++ b/src/wp-includes/functions.php @@ -2557,9 +2557,9 @@ function _default_wp_die_handler( $message, $title = '', $args = array() ) { } a { color: #0073aa; - text-decoration: none; } - a:hover { + a:hover, + a:active { color: #00a0d2; } a:focus { @@ -2611,12 +2611,9 @@ function _default_wp_die_handler( $message, $title = '', $args = array() ) { } .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; }