[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:  reopened
 Priority:  normal                     |   Milestone:  4.0
Component:  Media                      |     Version:  3.5.1
 Severity:  normal                     |  Resolution:
 Keywords:  needs-patch needs-testing  |     Focuses:  accessibility
---------------------------------------+----------------------------
Changes (by celloexpressions):

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


Comment:

 Current Status:

 Needs patch:
 - Focus is lost going into/out of image edit mode. '''needs patch to set
 focus to close or back button'''
 - Focus is lost going into/out of edit-selection mode. '''needs patch.
 this is accessed in the bottom toolbar when multiple items are selected,
 next to "clear"'''
 - Can't remove items from edit-selection mode, which is the main point of
 edit-selection mode. '''needs patch, probably make the close icons have a
 tabindex and focus styling and always be visible'''
 - Can't re-order collection items. Could do some awesomeness with arrow
 keys, but we could also leave this out for now. '''needs patch or decision
 to punt''' (makes galleries and playlists not very usable with the
 keyboard, using arrows would offer a better experience than drag and drop
 for a lot of users who know about it)
 - IE11: back-tabbing out of the details sidebar doesn't return focus to
 the active item's tile.'''needs patch'''
 - 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. '''needs patch'''

 Has patch, needs testing:
 - IE11 and Firefox: this breaks using "enter" to open an item's details in
 the media grid (media library). But using spacebar still works. Unsure
 why. [attachment:23560.17.diff] should fix this, needs testing
 - Broken colorschemes: [attachment:23560.colors.diff] should fix it,
 although a recent mobile-media commit appeared to touch something similar,
 so needs testing.

 Waiting for other stuff to happen:
 - Image selection in media grid: since that's changing again, not sure
 whether or not [attachment:23560.18.diff] or something else will be
 needed.

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