From f9f27c5716738604c0570ce83323efe0a80477ea Mon Sep 17 00:00:00 2001 From: Jb Audras Date: Fri, 4 Feb 2022 12:54:26 +0000 Subject: [PATCH] Toolbar: Don't hide admin bar text labels from screen readers on small screens. This change replaces `display: none` with `screen-reader-text` styles so the text labels are available for screen readers on small screens. Props legendusmaximus, sabernhardt, konradyoast. Fixes #54895. git-svn-id: https://develop.svn.wordpress.org/trunk@52674 602fd350-edb4-49c9-b593-d223f7449a82 --- src/wp-includes/css/admin-bar.css | 12 +++++++++++- 1 file changed, 11 insertions(+), 1 deletion(-) diff --git a/src/wp-includes/css/admin-bar.css b/src/wp-includes/css/admin-bar.css index 151c8064f4..32b952082a 100644 --- a/src/wp-includes/css/admin-bar.css +++ b/src/wp-includes/css/admin-bar.css @@ -795,7 +795,17 @@ html:lang(he-il) .rtl #wpadminbar * { } #wpadminbar .ab-label { - display: none; + border: 0; + clip: rect(1px, 1px, 1px, 1px); + -webkit-clip-path: inset(50%); + clip-path: inset(50%); + height: 1px; + margin: -1px; + overflow: hidden; + padding: 0; + position: absolute; + width: 1px; + word-wrap: normal !important; } #wpadminbar .menupop li:hover > .ab-sub-wrapper,