Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Drag and drop functionality unavailable to keyboard or touchscreen #15316

Closed
karlgroves opened this issue Apr 30, 2019 · 4 comments

Comments

6 participants
@karlgroves
Copy link

commented Apr 30, 2019

Drag and drop functionality unavailable to keyboard or touchscreen

  • 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

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

@melchoyce

This comment has been minimized.

Copy link
Contributor

commented May 4, 2019

Screenshot from the report:

image

Note: Since this is a core Media issue, not Gutenberg, we'll want to move this issue to Trac.

@melchoyce melchoyce added the Media label May 4, 2019

@melchoyce melchoyce moved this from To do to Move to Trac in Accessibility Audit May 5, 2019

@afercia

This comment has been minimized.

Copy link
Contributor

commented May 5, 2019

The Edit Media interface

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. Regardless, this issue should be moved to Trac as all the meta boxes in the core admin pages can't be reordered with keyboard.

@anevins12

This comment has been minimized.

Copy link
Contributor

commented May 6, 2019

@afercia

This comment has been minimized.

Copy link
Contributor

commented May 6, 2019

Closing as moved to Trac.

@afercia afercia closed this May 6, 2019

Accessibility Audit automation moved this from Move to Trac to Closed May 6, 2019

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
You can’t perform that action at this time.