From 3b3808feebe74b9d605d3728d7f16e08e9ff1f6f Mon Sep 17 00:00:00 2001 From: Andrea Fercia Date: Thu, 10 Jan 2019 16:30:03 +0000 Subject: [PATCH] Accessibility: Improve the way Safari and VoiceOver read out the screen reader text. Sometimes, Safari and VoiceOver read out the text hidden with `screen-reader-text` in a wrong order. While there's no known, full, solution, it is possible to make them respect the correct order reliably at least within buttons. Fixes #42006. git-svn-id: https://develop.svn.wordpress.org/trunk@44543 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-admin/css/common.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/src/wp-admin/css/common.css b/src/wp-admin/css/common.css index 63c3a027e1..f9b9799c29 100644 --- a/src/wp-admin/css/common.css +++ b/src/wp-admin/css/common.css @@ -134,6 +134,10 @@ word-wrap: normal !important; /* many screen reader and browser combinations announce broken words as they would appear visually */ } +.button .screen-reader-text { + height: auto; /* Fixes a Safari+VoiceOver bug, see ticket #42006 */ +} + .screen-reader-shortcut { position: absolute; top: -1000em;