WebAIM - Web Accessibility In Mind

E-mail List Archives

for

From: Brandon Keith Biggs
Date: Nov 9, 2018 6:14AM

Hello,
AccDC has a fantastic implementation of drag and drop:
http://whatsock.com/tsg/Coding%20Arena/Drag%20and%20Drop/demo.htm
Thank you,

Brandon Keith Biggs <http://brandonkeithbiggs.com/>;


On Fri, Nov 9, 2018 at 3:50 AM Sonja Weckenmann < <EMAIL REMOVED> > wrote:

> Hi,
> I am looking for an accessible dragon drop example/implementation to
> recommend. I have come across this one:
> https://schne324.github.io/dragon-drop/demo/
>
> I think the first one using the "reorder"-button works quite well, but I
> would prefer if the reorder button would work with space and enter, do
> you agree? (In this example for FF only Enter works).
>
> The grab-buttons are all aria-describedby a very long help text. This
> gets announced after every movement. An aria-label or aria-labelledby
> set on the ul wouldn't be announce, would it?
>
> A also would prefer if the screen reader would be automatically set in
> focus mode so that the message (and action) "Ensure screen reader is in
> focus mode" would be superfluous
> Would it be a good idea to recommend using role="application"? What
> would be the right place? The section-Element? To an additional div?
>
> I would appreciate any help or best practice recommendations.
> Thanks, Sonja
>
>
> --
>
> BITV-Test | BIK für Alle
> DIAS GmbH
> Haubachstraße 72, D - 22765 Hamburg
>
> Tel: +49 40 43 18 75 18
> Fax: +49 40 43 18 75 34
> E-Mail: <EMAIL REMOVED>
>
> www.bitvtest.de | www.bik-für-alle.de <http://www.xn--bik-fr-alle-xhb.de>;
> | www.dias.de
> Twitter: @bitvtest
> > > > >