WebAIM - Web Accessibility In Mind

E-mail List Archives

Thread:

for

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

From: Sonja Weckenmann
Date: Fri, Nov 09 2018 4:50AM
Subject:
No previous message | No next message

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 ADDRESS REMOVED =

www.bitvtest.de | www.bik-für-alle.de | www.dias.de
Twitter: @bitvtest