Changeset 52674

Timestamp:

02/04/2022 12:54:26 PM (3 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;
     }