Changeset 59832 for trunk/src/wp-includes/theme-templates.php

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-includes/theme-templates.php (modified) (2 diffs)

trunk/src/wp-includes/theme-templates.php

@@ -129 +129 @@
                 .skip-link.screen-reader-text {
                         border: 0;
-                        clip: rect(1px,1px,1px,1px);
                         clip-path: inset(50%);
                         height: 1px;
@@ -142 +141 @@
                 .skip-link.screen-reader-text:focus {
                         background-color: #eee;
-                        clip: auto !important;
                         clip-path: none;
                         color: #444;