[wp-trac] [WordPress Trac] #45972: Proximity of controls: comments form improvements

[WordPress Trac]

#45972: Proximity of controls: comments form improvements
-------------------------------+-----------------------------
 Reporter:  afercia            |      Owner:  (none)
     Type:  defect (bug)       |     Status:  new
 Priority:  normal             |  Milestone:  5.2
Component:  Comments           |    Version:
 Severity:  normal             |   Keywords:  has-screenshots
  Focuses:  ui, accessibility  |
-------------------------------+-----------------------------
 Splitting this out from #43412.

 In the comments form, the buttons to submit and cancel the form are placed
 at the opposite sides of the screen:

 [[Image(http://cldup.com/9vOa-gSotk.png)]]

 The larger the screen, the bigger the buttons distance:

 [[Image(http://cldup.com/fdoiL4ZZvg.png)]]

 As mentioned in the tracking ticket #40822, proximity of related
 information is an universal design principle which benefits everyone and
 it's particularly important for users with a reduced visual field, low
 vision, or other vision or cognitive impairments.

 User interface controls that are logically grouped should be placed close
 each other. For references and related WCAG recommendations, please see
 #40822.

 Additionally, the visual order and the DOM order mismatch and this is a
 specific WCAG violation. Worth also mentioning the primary action button
 should be on the left. See the detailed design feedback in
 https://core.trac.wordpress.org/ticket/40822#comment:9 and the following
 comment pointing out that's basically the pattern the new Block Editor
 (Gutenberg) already follows.

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