[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:  new
 Priority:  normal          |   Milestone:  Awaiting Review
Component:  Accessibility   |     Version:  3.5.1
 Severity:  normal          |  Resolution:
 Keywords:                  |
----------------------------+------------------------------

Comment (by lessbloat):

 23560.diff​ addresses some of these items, including:

 - Keeping the focus in the media modal once it's open
 - Moves focus to #wpbody-content once the modal is closed (needs to be an
 element that is present on every page where the media modal is used)
 - Made it so the media items could be tabbed to.  Added role=checkbox, and
 the file name as the title (so that visually impaired users will know what
 they are focused on)
 - When focused on an item, enter selects and deselects it.  Shift + enter
 allows multiple selection.
 - I added tabindex=-1 to the non-visible tab stop, and to the plus/minus
 link which shows up after you've selected an item
 - Added an empty alt to the image
 - Added an outline to the "upload files" and "media library" links

 Please let me know how this works out.

 A couple of observations after looking at this:

 - Adding labels around the items will be a fair amount of work, since the
 focus is actually on LI tags, and I'm fairly certain we can't just wrap a
 label around an LI.
 - If someone has a lot of media items, they will need to tab through all
 of them to get to the right column.  Is there some keyboard combo we could
 use as a shortcut to get you there?

-- 
Ticket URL: <http://core.trac.wordpress.org/ticket/23560#comment:4>
WordPress Trac <http://core.trac.wordpress.org/>
WordPress blogging software