WebAIM - Web Accessibility In Mind

E-mail List Archives

for

From: Sonja Weckenmann
Date: Nov 9, 2018 4:50AM

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 | www.dias.de
Twitter: @bitvtest