[wp-trac] [WordPress Trac] #30599: media views: improve keyboard accessibility avoiding confusing tab stops

[WordPress Trac]

#30599: media views: improve keyboard accessibility avoiding confusing tab stops
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  Awaiting Review
Component:  Media              |    Version:  4.0
 Severity:  normal             |   Keywords:
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 When hiding parts of the UI it's very important to take into consideration
 side-effects on keyboard accessibility. For example, when media-menu is
 hidden, e.g. when editing images, it's just positioned out of view but
 links in the menu are still there and they are focusable. See screenshot.

 When tabbing, keyboard users get a variable number of confusing tab stops
 that shouldn't be there.

 Actually, it's also possible to activate one of the links in the menu
 (just tab into one of them and press Enter) and break the editing
 workflow.
 Unless I'm missing something, the media menu should be hidden with
 `display: none` I'm guessing the out of view positioning is there just for
 historical reasons.

 [[Image(https://cldup.com/tfDzl1O6r0.png)]]

--
Ticket URL: <https://core.trac.wordpress.org/ticket/30599>
WordPress Trac <https://core.trac.wordpress.org/>
WordPress publishing platform