Changeset 59832 for trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

Timestamp:

02/17/2025 05:47:09 PM (18 months ago)

Author:

joedolson

Message:

Accessibility: Globally update .screen-reader-text class.

Remove references to the obsolete style property clip: rect(1px, 1px, 1px, 1px); and replace or adapt to use clip-path: inset(50%);. Update associated :focus styles as appropriate. Remove prefixed instances of -webkit-clip-path.

Props afercia, hbhalodia, audrasjb, joedolson, sabernhardt.
Fixes #62238.

File:

• trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss (modified) (2 diffs)

trunk/src/wp-content/themes/twentytwentyone/assets/sass/07-utilities/a11y.scss

@@ -1 +1 @@
 .screen-reader-text {
         border: 0;
-        clip: rect(1px, 1px, 1px, 1px);
-        -webkit-clip-path: inset(50%);
         clip-path: inset(50%);
         height: 1px;
@@ -18 +16 @@
         border-radius: 3px;
         box-shadow: 0 0 2px 2px rgba(0, 0, 0, 0.6);
-        clip: auto !important;
-        -webkit-clip-path: none;
         clip-path: none;
         color: #21759b;