WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread: Wanted: Examples for drag-and-drop implementations with pointer alternatives

for

Number of posts in this thread: 2 (In chronological order)

From: Detlev Fischer
Date: Tue, Jan 14 2020 1:35PM
Subject: Wanted: Examples for drag-and-drop implementations with pointer alternatives
No previous message | Next message →

Hi,

I am writing to this list in the hope that someone has come across examples of accessible drag-and-drop implementations that provide single-point pointer-operable alternatives for complex dragging motions (i.e., implementations that require just single-point clicks or tabs).

The context of my question is the ongoing development of a new draft success criterion „Dragging“ for WCAG 2.2 within the Accessibility Guidelines Working Group. Whether this SC will ‚fly‘ we don’t know yet - at this stage, we are just looking at implementations that would meet such a Success Criterion.

„Dragging“, if approved, would be something of an upgrade of the current SC 2.5.1 "Pointer Gestures" that asks for single-pointer operable alternatives for complex gestures (swipe, multi-point gestures like split tap etc.) but excludes dragging motions that are not (initially) directional. Dragging would ask authors to provide alternatives for *all* dragging gestures to make content accessible to those who for whatever reason don’t have the fine motor control to drag stuff.

Possible examples of successful implementations could be:

* A sortable / draggable list where after selection (via mouse-hover or initial activation) the list items reveal additional handles that respond to single-click (or tap) activation for moving an item up or down the list;
* Kanban board (or similar element/container) implementations where items can be selected and then moved left or right, up or down, via arrow icons, attached handles, or drop-down menus of some sort that specify the drop target;
* Sliders that do not require initial directionality once the thumb is engaged on touchdown or more generally pointerdown events;
* Maps (especially in mobile browsers running under iOS or Android) where the visible map section can be moved with controls, not just with a dragging motion.

Many thanks in advance for any pointers! (pun accidential)

Detlev

From: Bryan Garaventa
Date: Tue, Jan 14 2020 6:47PM
Subject: Re: Wanted: Examples for drag-and-drop implementations with pointer alternatives
← Previous message | No next message

Hi,
The following article lists many of the examples you mentioned.
https://www.linkedin.com/pulse/important-considerations-regarding-accessible-drag-drop-garaventa/

All the best,
Bryan


Bryan Garaventa
Principal Accessibility Architect
Level Access, Inc.
= EMAIL ADDRESS REMOVED =
415.624.2709 (o)
www.LevelAccess.com

-----Original Message-----
From: WebAIM-Forum < = EMAIL ADDRESS REMOVED = > On Behalf Of Detlev Fischer
Sent: Tuesday, January 14, 2020 12:35 PM
To: WebAIM Discussion List < = EMAIL ADDRESS REMOVED = >
Subject: [WebAIM] Wanted: Examples for drag-and-drop implementations with pointer alternatives

CAUTION: This email originated from outside of the organization. Do not click links or open attachments unless you recognize the sender and know the content is safe.


Hi,

I am writing to this list in the hope that someone has come across examples of accessible drag-and-drop implementations that provide single-point pointer-operable alternatives for complex dragging motions (i.e., implementations that require just single-point clicks or tabs).

The context of my question is the ongoing development of a new draft success criterion „Dragging“ for WCAG 2.2 within the Accessibility Guidelines Working Group. Whether this SC will ‚fly‘ we don’t know yet - at this stage, we are just looking at implementations that would meet such a Success Criterion.

„Dragging“, if approved, would be something of an upgrade of the current SC 2.5.1 "Pointer Gestures" that asks for single-pointer operable alternatives for complex gestures (swipe, multi-point gestures like split tap etc.) but excludes dragging motions that are not (initially) directional. Dragging would ask authors to provide alternatives for *all* dragging gestures to make content accessible to those who for whatever reason don’t have the fine motor control to drag stuff.

Possible examples of successful implementations could be:

* A sortable / draggable list where after selection (via mouse-hover or initial activation) the list items reveal additional handles that respond to single-click (or tap) activation for moving an item up or down the list;
* Kanban board (or similar element/container) implementations where items can be selected and then moved left or right, up or down, via arrow icons, attached handles, or drop-down menus of some sort that specify the drop target;
* Sliders that do not require initial directionality once the thumb is engaged on touchdown or more generally pointerdown events;
* Maps (especially in mobile browsers running under iOS or Android) where the visible map section can be moved with controls, not just with a dragging motion.

Many thanks in advance for any pointers! (pun accidential)

Detlev