Changes to the .screen-reader-text class in WordPress 6.8

Date:

The screen-reader-text CSS class is a small bit of CSS used in WordPress to hide text visually but still make it available to assistive technologies, screen readers, and any other software reading a page.

Given poor browser support for the clip-path property, the class has supported the deprecated clip property longer than it probably needed to. WordPress 4.9 did finally add support for clip-path, which now has wide support without prefixes across browsers.

WordPress 6.8 takes two more steps to modernize the class: it removes the clip property and the prefixed -webkit-clip-path property. Worth noting this change applies to

This is the first part of the article

Changes to the .screen-reader-text class in WordPress 6.8

wpforms banner