Proximity of controls: Quick Edit and Bulk Edit forms improvements

[afercia]

See tracking ticket #40822.
See also #45972.

In the Quick Edit and Bulk Edit forms, the Submit and Cancel buttons are placed at the opposite sides of the form.

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 more details and related WCAG recommendations, please see the tracking ticket #40822.

The primary action button should be on the left. See the detailed design feedback in https://core.trac.wordpress.org/ticket/40822#comment:9

In #45972 / [44757] the Comment form was changed to align the button on the left. See screenshots:

Comment form before:

Comment form after:

The same change should be implemented for the Quick Edit and Bulk Edit forms.

[afercia]

55364.diff​ switches the buttons order and aligns them to the left. See screenshots below.

[afercia]

Quick edit form with the patch applied.

[afercia]

Bulk edit form with the patch applied.

[afercia]

Note: props should go also to @landwire who made ​a PR on the GitHub repository a while ago. See ticket:40822#comment:22

[afercia]

Note: 55364.diff​ needs to be updated to take into account also the Quick Edit form in edit-tags.php.

[afercia]

55364.2.diff​ adjusts position and order of the buttons also for the 'edit tags' Quick Edit form. See attached screenshot.

[afercia]

Edit tags Quick Edit form

[ryokuhi]

Hello @afercia,
happy to have you back onboard!
We reviewed this ticket today during the accessibility team's weekly bug-scrub.
As this ticket already has a patch, I'm moving it to the 6.0 milestone and adding the needs-testing label.

[marybaum]

Looks like we need to test the patch. I can do that when I'm working with the previous ticket from the scrib of 3-16-22.

[marybaum]

Applied the patch to a local site running 5.9.2 and Twenty-Twenty-Two, and it works nicely!

Recommend moving this along to commit.

[joedolson]

In 53023:

Quick/Bulk Edit: Position action buttons in close proximity.

Move the Submit and Cancel buttons in quick edit forms to be next to each other and change the order of the buttons. Improve accessibility for low vision and cognitive impairments for quick editing.

Props afercia, marybaum.
Fixes #55364.