From 55d4555b68c036df3dc71e2bc7d2c3bd2a192819 Mon Sep 17 00:00:00 2001 From: Helen Hou-Sandi Date: Wed, 4 Dec 2013 04:31:13 +0000 Subject: [PATCH] Utilize a more widely-adopted CSS method for hiding screen reader text, as seen in projects like jQuery UI and HTML5 Boilerplate. props codebykat for the initial patch. fixes #23684, #26107. git-svn-id: https://develop.svn.wordpress.org/trunk@26602 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/wp-admin.css | 6 ++++-- 1 file changed, 4 insertions(+), 2 deletions(-) diff --git a/src/wp-admin/css/wp-admin.css b/src/wp-admin/css/wp-admin.css index 2114990db2..c2f0420cf2 100644 --- a/src/wp-admin/css/wp-admin.css +++ b/src/wp-admin/css/wp-admin.css @@ -197,11 +197,13 @@ TABLE OF CONTENTS: .screen-reader-text span, .ui-helper-hidden-accessible { position: absolute; - left: -1000em; - top: -1000em; + margin: -1px; + padding: 0; height: 1px; width: 1px; overflow: hidden; + clip: rect(0 0 0 0); + border: 0; } .screen-reader-shortcut {