[wp-trac] [WordPress Trac] #51870: Update all focusable elements to use the new focus style

[WordPress Trac]

#51870: Update all focusable elements to use the new focus style
----------------------------+-----------------------------
 Reporter:  johnbillion     |      Owner:  (none)
     Type:  enhancement     |     Status:  new
 Priority:  normal          |  Milestone:  Awaiting Review
Component:  Administration  |    Version:  5.3
 Severity:  normal          |   Keywords:  dev-feedback
  Focuses:  accessibility   |
----------------------------+-----------------------------
 The focus style for form inputs, buttons, and links styled as buttons was
 updated in WordPress 5.3 (#34904) to use a higher contrast, solid outline
 in place of the previous "soft" outline. This focus style is better for
 accessibility and usability.

 Several classes of element still use the old focus style and this is
 particularly apparent when tabbing through the interface and the focus
 moves between various types of element and focus style alternates between
 the old and the new style.

 We should investigate whether it's appropriate to update the focus style
 for all other elements and/or whether there is any need to retain the old
 focus style anywhere.

 Affected elements:

 * View mode toggles on the Media screen grid view
 * List table sortable column headings
 * All links not styled as buttons
 * Navigation tabs (`.nav-tab`), eg. on the Appearance -> Menus screen and
 used by many plugins
 * Smaller navigation tabs in the panels on the Appearance -> Menus screen
 (`.nav-tab-links`)
 * Theme cards on the Themes screen
 * Various circular controls in the Customizer sidebar panel, eg Help, the
 cog at the top of the Menus panel, expanding panel controls when managaing
 widgets, and the Hide Controls button at the bottom
 * All elements inside the "View details" modal for a plugin on the Plugins
 screen
 * File lists on the Plugin Editor and Theme Editor screens
 * The Status and Info tabs on the Site Health screen (these use a
 different style completely)

-- 
Ticket URL: <https://core.trac.wordpress.org/ticket/51870>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform