[wp-trac] [WordPress Trac] #47944: The jQuery UI dialog "close" button misses a focus style

[WordPress Trac]

#47944: The jQuery UI dialog "close" button misses a focus style
-------------------------------+-----------------------------------------
 Reporter:  afercia            |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  5.3
Component:  Administration     |    Version:  3.9
 Severity:  normal             |   Keywords:  has-screenshots needs-patch
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------------------
 In [27494] / #26952 the jQuery UI dialog was restyled to match the rest of
 the admin styling. That change prevented the focus style to work properly
 on the "X" close button at the top of the dialog.

 To my knowledge, core doesn't use jQuery UI dialog any longer. However,
 plugins may still use it either directly or via `wp.wpdialog`. For
 example:

 [[Image(http://cldup.com/q2kgTSQGbG.png)]]

 A clear, visible, [https://www.w3.org/WAI/WCAG21/Understanding/focus-
 visible.html focus indication] is essential for keyboard users to navigate
 through a user interface.

 Although jQuery UI powered dialogs are legacy, restoring a proper focus
 style is a matter of a few CSS lines and it's a small improvement I'd like
 to recommend.

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