[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:  closed
 Priority:  normal                    |   Milestone:  4.9
Component:  Administration            |     Version:
 Severity:  normal                    |  Resolution:  fixed
 Keywords:  has-patch needs-dev-note  |     Focuses:  ui, accessibility
--------------------------------------+--------------------------------
Changes (by afercia):

 * status:  assigned => closed
 * resolution:   => fixed


Comment:

 In [changeset:"41622"]:
 {{{
 #!CommitTicketReference repository="" revision="41622"
 Accessibility: Update and standardize the admin `screen-reader-text` CSS
 class.

 Given the new WordPress browsers support policy, the `screen-reader-text`
 css
 class used in the admin can be updated to use modern CSS and correct
 syntax. See
 https://github.com/wpaccessibility/a11ythemepatterns/blob/master/read-
 more-links/style.css

 Worth noting the `clip` property is deprecated and kept for IE11 and Edge.

 - uses `clip-path` for modern browsers
 - keeps `clip` for old browsers and update its value to a correct syntax
 - 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`
 - standardizes the rule across CSS files

 Fixes #40970.
 }}}

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