[wp-trac] [WordPress Trac] #47136: Image Editor: Reading and focus order do not match visual order

[WordPress Trac]

#47136: Image Editor: Reading and focus order do not match visual order
-------------------------------------------------+-------------------------
 Reporter:  anevins                              |       Owner:  audrasjb
     Type:  defect (bug)                         |      Status:  accepted
 Priority:  normal                               |   Milestone:  5.5
Component:  Media                                |     Version:
 Severity:  normal                               |  Resolution:
 Keywords:  has-screenshots wpcampus-report      |     Focuses:  ui,
  has-patch                                      |  accessibility
-------------------------------------------------+-------------------------

Comment (by sabernhardt):

 The JS focus shift might be less reliable with NVDA active and/or in
 Microsoft browsers. **Or** there's something wrong with my setup.

 I reverted and updated my environment, then re-applied the patch. The
 focus moved to the Crop button again in Windows Chrome, Firefox, the new
 Edge and IE11.

 After I reactivated NVDA:
 * IE consistently did not cooperate.
 * Edge had trouble with the focus a few times, yet not all.
 * Chrome did not focus on Crop once out of a few times (not the first
 time), but that was when I clicked the Edit Image button instead of using
 the Enter key or spacebar. (I might have clicked twice accidentally and
 removed the focus from the button.)
 * Firefox tests were successful. I'm sure I saw the issue in Firefox's
 Responsive Design Mode earlier today because I wondered if it was an issue
 with the mode or related to the smaller screen size. However, now Firefox
 is setting the focus consistently on Crop for me (whether regular or
 responsive mode, with or without the screen reader).

 Deactivating NVDA again, Firefox and Chrome were both successful in
 further attempts. I still saw the focus was not on Crop once in Edge plus
 at least four times in IE, with some successful tries in each of those two
 browsers.

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