[wp-trac] [WordPress Trac] #39074: No method to move meta boxes using keyboard

[WordPress Trac]

#39074: No method to move meta boxes using keyboard
-----------------------------+-----------------------------
 Reporter:  joedolson        |       Owner:  (none)
     Type:  defect (bug)     |      Status:  new
 Priority:  normal           |   Milestone:  Future Release
Component:  Administration   |     Version:
 Severity:  normal           |  Resolution:
 Keywords:  wpcampus-report  |     Focuses:  accessibility
-----------------------------+-----------------------------
Description changed by antpb:

Old description:

> Using a mouse, meta boxes can be moved to a new order in the DOM or to a
> different column. There's no method to do this using the keyboard.
>
> Especially with several plugins installed, being able to customize which
> meta boxes are closest in tab sequence can be quite helpful for editing
> efficiency.
>
> I assume this has been in since whatever version added sortable
> metaboxes.

New description:

 Using a mouse, meta boxes can be moved to a new order in the DOM or to a
 different column. There's no method to do this using the keyboard.

 Especially with several plugins installed, being able to customize which
 meta boxes are closest in tab sequence can be quite helpful for editing
 efficiency.

 I assume this has been in since whatever version added sortable metaboxes.

 EDIT BY ANTPB:
 This issue was brought to light again through the WPCampus-report when it
 was discovered that the weight of the edit image attributes was not able
 to be ordered. This is true for all forms of meta boxes so I’m adding in
 the details from the specific Edit Image context to highlight the
 accessibility importance of this issue:

 Moved from the WPCampus accessibility report issues on GitHub, see
 https://github.com/WordPress/gutenberg/issues/15316

 Severity:
 Low
 Affected Populations:
 Blind
 Motor Impaired
 Platform(s):
 All / Universal
 Components affected:
 Edit Media
 Issue description
 The Edit Media interface* includes the ability to re-arrange the boxes by
 drag and drop, however this can only be achieved by mouse users, since
 the functionality does not support touch or keyboard users.

 Users of touchscreens and keyboards cannot re-order the boxes. Speech
 recognition users may be able to if they can manipulate the mouse with
 speech (such as using Mouse Move), however this is onerous and
 difficult.

 Remediation Guidance
 Allow keyboard and touchscreen users the ability to re-arrange the
 boxes. This can either be done with dedicated buttons, such as are used
 within Gutenberg for moving Blocks; or it could be done by extending
 drag and drop support to keyboard and touch users (a good example of
 which is dragondrop: https://schne324.github.io/dragon-drop/demo/).

 Relevant standards

 2.1.1 Keyboard (Level A) https://www.w3.org/TR/WCAG20/#keyboard-operation-
 keyboard-operable
 Note: This issue may be a duplicate with other existing accessibility-
 related bugs in this project. This issue comes from the Gutenberg
 accessibility audit, performed by Tenon and funded by WP Campus. This
 issue is GUT-80 in Tenon's report

 *Original issue description and screenshot are available at page 142 of
 the complete technical report PDF. However, the screenshot appears to be
 related to the edit post screen in the classic editor.
 https://github.com/WordPress/gutenberg/issues/15316#issuecomment-489460963

--

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