Update the screen-reader-text CSS class and its local implementations

[afercia]

In a recent conversation on the block editor repository at ​https://github.com/WordPress/gutenberg/pull/65409 it was agreed to update and simplify the screen-reader-text CSS class by:

• Removing the now unnecessary clip: rect(1px, 1px, 1px, 1px);
• Removing any prefixed version of clip-path e.g. -webkit-clip-path: inset(50%);

This should be done through the entire codebase and ​the documentation , including bundled themes.

Trac ticket: https://core.trac.wordpress.org/ticket/62238

[hbhalodia]

Hi @afercia @joedolson, I have raised the PR by removing the required CSS for screen-reader-text. I have checked the entire codebase for the same.

Thank You,

Thanks @hbhalodia A couple first point for feedback:

• Some stylesheet meant to support old browsers like Internet Explorer 7 must keep the old clip.
• In other cases where clip is removed and there's no clip-path, then clip-path should be added.

Hi @afercia, thanks for the feedback. I would resolve this.

Hello @afercia, I have updated the PR with the requested changes.

Thank You,