sergiotarxz/Wordpress
1
0
Fork 0
Code Issues Pull Requests Releases Wiki Activity

Accessibility: Improve the way Safari and VoiceOver read out the screen reader text.

Browse Source 
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
This commit is contained in:
Andrea Fercia 2019-01-10 16:30:03 +00:00
parent ba6f1ff56e
commit 3b3808feeb
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
src/wp-admin/css/common.css
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;