[wp-trac] [WordPress Trac] #40970: Update and audit the screen-reader-text CSS class used in core

[WordPress Trac]

#40970: Update and audit the screen-reader-text CSS class used in core
----------------------------+--------------------------------
 Reporter:  afercia         |       Owner:  afercia
     Type:  enhancement     |      Status:  assigned
 Priority:  normal          |   Milestone:  4.9
Component:  Administration  |     Version:
 Severity:  normal          |  Resolution:
 Keywords:  has-patch       |     Focuses:  ui, accessibility
----------------------------+--------------------------------
Changes (by afercia):

 * keywords:  needs-patch => has-patch


Comment:

 [attachment:40970.diff] updates the core screen-reader-text CSS class to
 follow the recommended version on
 https://github.com/wpaccessibility/a11ythemepatterns/blob/master/read-
 more-links/style.css

 - uses `clip-path` for modern browsers
 - keeps `clip` for old browsers
 - resets `clip-path` to `none` where the class is used to dynamically
 reveal elements
 - removes an old rule that made `screen-reader-text` completely invisible
 in the help tabs `#screen-meta`, this rule is in core since [9545] and
 changed over time but there's no apparent reason to keep it

 To check: search for all occurrences of `.screen-reader-text` in the core
 CSS files and check everything works fine.

--
Ticket URL: <https://core.trac.wordpress.org/ticket/40970#comment:8>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform