WebAIM - Web Accessibility In Mind

E-mail List Archives

Re: Dashbaord: Drag and Drop and Resize

for

From: Geethavani.Shamanna
Date: Sep 20, 2024 3:12AM

Hi Sonja,

TPGI published a three-part blog on drag and drop accessibility last year along with some examples.

Here are links to the blog as well as other drag and drop resources:
The Road to Accessible Drag and Drop (Part 1)
https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-1/#drag-and-drop-wishlist

The Road to Accessible Drag and Drop (Part 2)
https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-2/

The Road to Accessible Drag and Drop (Part 3)
https://www.tpgi.com/the-road-to-accessible-drag-and-drop-part-3/

Accessible drag and drop examples:
https://salesforce-ux.github.io/dnd-a11y-patterns/#/?_k=sydibm

Deutsche Welle has some placement tests on its Learn German page. Several questions in these exercises involve drag and drop activities, which are surprisingly very accessible.
https://learngerman.dw.com/en/learn-german/s-9528

There might be more on the site, but here are a couple:
Placement test A1
https://learngerman.dw.com/en/exercise-1/l-36696748/e-36696750

Placement test A2
https://learngerman.dw.com/en/exercise-1/l-36696748/e-36696750

Hope this helps.
Geetha