[wp-trac] [WordPress Trac] #56789: Toolbar: screen-reader-shortcut does not have background color until focused

[WordPress Trac]

#56789: Toolbar: screen-reader-shortcut does not have background color until
focused
-------------------------------------------------+-------------------------
 Reporter:  sabernhardt                          |       Owner:  (none)
     Type:  defect (bug)                         |      Status:  new
 Priority:  normal                               |   Milestone:  6.2
Component:  Toolbar                              |     Version:
 Severity:  trivial                              |  Resolution:
 Keywords:  has-patch needs-testing has-         |     Focuses:
  screenshots needs-testing-info                 |  accessibility, css
-------------------------------------------------+-------------------------
Changes (by sabernhardt):

 * severity:  minor => trivial


Comment:

 Unfortunately, moving everything but the `top` property to the unfocused
 selector could break a little. [attachment:"56789.reorganizing.patch"]
 attempts to move most, with a few duplicated properties.

 The `:focus` style needs to override these properties for admin (back-end)
 pages:
 {{{
 a:focus {
   color: #043959;
   box-shadow: 0 0 0 1px #4f94d4, 0 0 2px 1px rgba(79, 148, 212, 0.8);
   outline: 1px solid transparent;
 }
 }}}

 The toolbar link also would need to override these (and possibly other
 styles from themes) on the front end:
 {{{
 #wpadminbar a:focus {
   box-shadow: none;
 }
 #wpadminbar a:hover {
   background: none;
 }
 }}}

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