Create accessible markup for a drag & drop file upload widget (and ensure there is an accessible alternative interaction)

Created on 25 June 2019, almost 6 years ago
Updated 9 February 2024, about 1 year ago

Problem/Motivation

This is a followup of #2113931: File Field design update: Upload field. β†’ . When trying to implement the created file field designs we found that it was really hard to make that design accessible. It was decided to start over since new designs were already being worked on for the Claro theme. Finding how hard it was to make something accessible afterwards, we want to now start with created accessible markup for the field, and design from there.

Proposed resolution

Let's explore and create some beautiful markup.

We should also ensure that there is an alternative that doesn't rely on pointer interaction:

f the drag and drop element is implemented, then making sure that it is accessible to non-sighted and keyboard-only users is a must-have, not a should-have. In this case, this can simply mean bypassing the drag and drop interaction points entirely and moving a keyboard only user to the clickable upload button.

Remaining tasks

User interface changes

API changes

Data model changes

Release notes snippet

πŸ“Œ Task
Status

Active

Version

11.0 πŸ”₯

Component
File systemΒ  β†’

Last updated about 17 hours ago

Created by

πŸ‡³πŸ‡±Netherlands seanB Netherlands

Live updates comments and jobs are added and updated live.
  • Accessibility

    It affects the ability of people with disabilities or special needs (such as blindness or color-blindness) to use Drupal.

  • JavaScript

    Affects the content, performance, or handling of Javascript.

Sign in to follow issues

Comments & Activities

Not all content is available!

It's likely this issue predates Contrib.social: some issue and comment data are missing.

  • πŸ‡ΊπŸ‡ΈUnited States shaal Boca Raton, FL
  • πŸ‡¨πŸ‡¦Canada mgifford Ottawa, Ontario

    Thanks for adding that @shaal.

    I do think that there must be a reasonable solution to work for from that mix of links. Doesn't need to be perfect, but should be able to do up/down as well as left/right so that we can change order and hierarchy.

Production build 0.71.5 2024