[wp-trac] [WordPress Trac] #30392: Focus moves out of Insert media overlay when tabbing beyond Insert into Post button

[WordPress Trac]

#30392: Focus moves out of Insert media overlay when tabbing beyond Insert into
Post button
-------------------------------------+-------------------------------------
 Reporter:  rianrietveld             |       Owner:
     Type:  defect (bug)             |      Status:  new
 Priority:  normal                   |   Milestone:  Awaiting Review
Component:  Media                    |     Version:  3.5
 Severity:  normal                   |  Resolution:
 Keywords:  has-patch needs-testing  |     Focuses:  ui, accessibility,
  dev-feedback                       |  javascript
-------------------------------------+-------------------------------------

Comment (by azaozz):

 Replying to [comment:3 afercia]:
 > There are different possible ways to fix this, for example:
 > - filter out from the "tabbables" collection the inputs of type "file"
 > - rearrange the media modal template to be sure "Insert into post" is
 always the last focusable element
 > - CSS: let Safari believe the input element is visible

 30392.2.patch filters/removes input type=file element(s) from the
 "tabbables" collection. That seems to fix both bugs/inconsistencies when
 tabbing.

 Note: in Safari there is an option "Press Tab to highlight each item on a
 webpage..." that needs to be checked for tabbing to work properly.

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