[wp-trac] [WordPress Trac] #23560: Keyboard Accessibility of Add Media Panel

[WordPress Trac]

#23560: Keyboard Accessibility of Add Media Panel
----------------------------+----------------------------------------
 Reporter:  grahamarmfield  |       Owner:
     Type:  defect (bug)    |      Status:  closed
 Priority:  normal          |   Milestone:  4.0
Component:  Media           |     Version:  3.5.1
 Severity:  normal          |  Resolution:  fixed
 Keywords:                  |     Focuses:  accessibility, javascript
----------------------------+----------------------------------------

Comment (by nacin):

 > "Add focus to arrows on Next/Previous in the grid's modal on left/right
 keypress, and add the necessary CSS for `:focus`"

 > When navigating between media-grid item detail views (for example, via
 the arrow keys), focus should be set to the appropriate arrow key, not the
 close button. That matches the behavior of the theme-details modal and
 theme-install, and is less confusing given the bold focus styling on the
 arrows and close button.

 This is ugly, jarring, and feels very unnecessary for accessibility, good
 UI, good UX, or anything really.

 I'm not going to reopen this ticket since it's way too long, but if you
 open a dialog, the focus probably shouldn't be on a close button, or a
 navigation button. It should be on whatever the first appropriate element
 is, which may be but is not likely to be a close or navigation button.
 Along those lines, hitting left or right shouldn't put focus on the
 navigation keys — if anything, it makes the screen less accessible as they
 end up on a link they by their very use of the arrow key they do not need
 to have focus on.

 The theme details dialog does not focus on the close button, or on an
 arrow, for the record. It focuses on the main element: the Activate
 button. Since the theme installer is a 100% overlay, it does happen to
 focus on Close.

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