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.

Built from https://develop.svn.wordpress.org/trunk@44543


git-svn-id: http://core.svn.wordpress.org/trunk@44374 1a063a9b-81f0-0310-95a4-ce76da25c4cd
This commit is contained in:
Andrea Fercia 2019-01-10 16:31:49 +00:00
parent ae5c195d57
commit c40ae024cd
5 changed files with 11 additions and 3 deletions

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -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;

File diff suppressed because one or more lines are too long

View File

@ -13,7 +13,7 @@
*
* @global string $wp_version
*/
$wp_version = '5.1-alpha-44542';
$wp_version = '5.1-alpha-44543';
/**
* Holds the WordPress DB revision, increments when changes are made to the WordPress DB schema.