[wp-trac] [WordPress Trac] #46621: Site Health: don't use a progressbar for the health "score"

[WordPress Trac]

#46621: Site Health: don't use a progressbar for the health "score"
---------------------------------------+--------------------------------
 Reporter:  afercia                    |       Owner:  (none)
     Type:  defect (bug)               |      Status:  new
 Priority:  normal                     |   Milestone:  5.2
Component:  General                    |     Version:  trunk
 Severity:  normal                     |  Resolution:
 Keywords:  has-screenshots has-patch  |     Focuses:  ui, accessibility
---------------------------------------+--------------------------------
Changes (by afercia):

 * keywords:  has-screenshots needs-patch => has-screenshots has-patch


Comment:

 [attachment:"46621.diff"] refactors the progress indicator:
 - removes any ARIA
 - adds a screen-reader-text "Current health score:"
 - adds `role="img" aria-hidden="true" focusable="false"` to the SVG
 - reduces CSS specificity simplifying unnecessary overqualified selectors

 Worth noting, as mentioned in #46573, the CSS keyframe animation doesn't
 work in Edge and IE11.

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