[wp-trac] [WordPress Trac] #28857: Media Grid: Manage focus when toggling between the grid and an edit attachment modal

[WordPress Trac]

#28857: Media Grid: Manage focus when toggling between the grid and an edit
attachment modal
---------------------------+----------------------------
 Reporter:  davidakennedy  |       Owner:
     Type:  defect (bug)   |      Status:  new
 Priority:  normal         |   Milestone:  4.0
Component:  Media          |     Version:  trunk
 Severity:  normal         |  Resolution:
 Keywords:  needs-patch    |     Focuses:  accessibility
---------------------------+----------------------------
Description changed by SergeyBiryukov:

Old description:

> What happened: When I visit /wp-admin/upload.php and navigate using a
> keyboard only and select any of the items in the Media Libray, focus is
> shifted to the modal (good!), but if I press esc or the close button to
> exit the modal, my focus is dumped at the beginning of #wpbody.
>
> What I expected: I would expect the focus to return to the item I was
> last focused on, in this case, whichever media items I was on.
>
> Steps to reproduce: 1. Visit /wp-admin/ 2. Navigate to a media item via
> the keyboard by pressing tab. 3. Activate the modal by pressing enter. 4.
> Exit the modal by pressing esc or the close button.
>
> Thoughts/Solutions: There are some great thoughts on this and a potential
> solution here: http://accessibility.oit.ncsu.edu/blog/2014/01/02
> /incredible-accessible-modal-window-version-2/

New description:

 What happened: When I visit /wp-admin/upload.php and navigate using a
 keyboard only and select any of the items in the Media Libray, focus is
 shifted to the modal (good!), but if I press esc or the close button to
 exit the modal, my focus is dumped at the beginning of #wpbody.

 What I expected: I would expect the focus to return to the item I was last
 focused on, in this case, whichever media items I was on.

 Steps to reproduce:
 1. Visit /wp-admin/
 2. Navigate to a media item via the keyboard by pressing tab.
 3. Activate the modal by pressing enter.
 4. Exit the modal by pressing esc or the close button.

 Thoughts/Solutions: There are some great thoughts on this and a potential
 solution here: http://accessibility.oit.ncsu.edu/blog/2014/01/02
 /incredible-accessible-modal-window-version-2/

--

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