[wp-trac] [WordPress Trac] #32740: Menu Customizer: "quick delete" focus

[WordPress Trac]

#32740: Menu Customizer: "quick delete" focus
-------------------------------------------+-------------------------
 Reporter:  afercia                        |      Owner:
     Type:  defect (bug)                   |     Status:  new
 Priority:  normal                         |  Milestone:  4.3
Component:  Customize                      |    Version:  trunk
 Severity:  normal                         |   Keywords:  needs-patch
  Focuses:  ui, accessibility, javascript  |
-------------------------------------------+-------------------------
 Noticed a couple of issues with the "Quick delete" red "X" buttons:

 1.
 The focus style should be more visible, at the moment there's only a
 slight change in the red color, see screenshot below where the "Custom
 Link" one is focused

 2.
 When activating the button with the keyboard (Enter or Space bar) focus is
 lost: the previously focused element just got removed from the DOM.
 Especially noticeable with Chrome, Firefox is smarter and always tries to
 keep focus "in place". Not sure about a proper solution here, maybe the
 focus should be moved to a fallback element (i.e. the "Add Items" button)?
 [https://www.marcozehe.de/2015/02/05/advanced-aria-tip-2-accessible-modal-
 dialogs/ Quoting Mr. Marco Zehe] from a post about a different scenario
 (dialogs) but the focus issue is the same:
 > In the worst case, (focus) lands on the document or somewhere else far
 away from where the user’s context was before ... There is nothing more
 frustrating than to have to spend 10 or more seconds trying to find one’s
 last place again from where one left off.


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

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