Changeset 44543

Timestamp:

01/10/2019 04:30:03 PM (6 years ago)

Author:

afercia

Message:

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.

File:

• trunk/src/wp-admin/css/common.css (modified) (1 diff)

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

@@ -133 +133 @@
     width: 1px;
     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 */
 }