[wp-trac] [WordPress Trac] #35664: Edit term screens: tab order should match visual order

[WordPress Trac]

#35664: Edit term screens: tab order should match visual order
-------------------------+-------------------------------------------------
 Reporter:  afercia      |      Owner:
     Type:  defect       |     Status:  new
  (bug)                  |  Milestone:  4.5
 Priority:  normal       |    Version:
Component:  Taxonomy     |   Keywords:  needs-patch has-screenshots ui-
 Severity:  normal       |  feedback
  Focuses:  ui,          |
  accessibility          |
-------------------------+-------------------------------------------------
 While Posts have separate screens for listing the posts and adding new
 ones, Taxonomies have just one screen with two columns. In these screens,
 the initial focus is set on the first focusable field on the "add" form
 and that makes perfectly sense.

 By the way, since the right column is the first one in the source and the
 left column is the last one, this is problematic for accessibility.

 For keyboard and screen reader users, navigation is a linearised process.
 If WordPress forces users to start their navigation in the middle of the
 content, all the previous content (the list table) will be basically
 "skipped".

 Starting from the focused input field, users will press the Tab key or use
 arrow keys to navigate forward, and after the submit button there's just
 the footer.

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

 To go to the list table, they will be forced to navigate backwards, which
 is always a confusing experience. Making the tab order match the visual
 order is also a [https://www.w3.org/TR/WCAG20-TECHS/C27.html WCAG success
 criterion].

 The fix would be fairly simple, and it would be also a nice opportunity to
 clean up a bit the related CSS (noticed some redundant media queries and
 other possible adjustments).

 Was also wondering why the Tag Cloud in the Tags screen is the first thing
 on the top, for consistency I'd propose to move it below the form. Any
 thoughts more than welcome.

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