Changeset 52674

Timestamp:

02/04/2022 12:54:26 PM (5 years ago)

Author:

audrasjb

Message:

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.

File:

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

trunk/src/wp-includes/css/admin-bar.css

@@ -796 +796 @@
 
         #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;
         }