I managed to create a similar drag and drop (don't worry, I didn't used your code), but with less lines. When I finish it I'll share openly in the web, if you want to take a look at it. Probably isn't well coded like yours, and maybe authors should implement more stuff if they want to use it, but it's still something.
Best,
Hi!All the best,
Thanks about the observations, _mallory. I'm actually worried about that, because I find very hard-work to create every drag and drop function with JS for keyboard support, but I think that it's what we have left. This one you made is really good, despite the fact that the JS have more than 300 lines and it was probably laborious to create it.
I'm working right now in creating a page with tons of examples of acessible components and widgets, and I was looking for a good example of drag and drop. The best I've found so far is the one that Gez Lemon made for the dev opera blog, but I was wondering if it is really necessary create every function for the keyboard with JS, or if all of this is already implemented natively. I guess it has to be done the hard way, probably.
Nolan, I don't know for sure that but surely it would be something good. I wonder if web browsers could give a better support to drag and drop events in a way that a screen reader like Orca could give a native way to use the keyboard with the drag and drop widget.Em qui, 30 de mar de 2017 às 12:21, Nolan Darilek <nolan thewordnerd info> escreveu:I wonder if the new region-speaking code under Orca might be modified to
speak draggable/droppable regions too, if it doesn't already? I'd kind
of like to implement this stuff in a project I'm hacking on.
On 03/30/2017 10:08 AM, _mallory wrote:
> On Tue, Mar 28, 2017 at 01:40:22PM +0000, Germano Corrêa wrote:
>> Hello!
>>
>> I need to create a drag and drop widget in a web page, and I was wondering
>> if there is any native support in Orca (or with other screen reader, web
>> browser, etc) to drag and drop stuff using just the keyboard, or if I'll
>> have to implement that manually.
> Hi,
> drag and drop has pretty bad support. Making them work with plain keyboard
> is pretty doable, but unless both the browser and the screen reader realise
> it's a type of application, it won't work intuitively very well.
>
> I forget what Firefox does with Orca and NVDA exactly. I believe I had to
> manually go to browse mode to hear the names of all the available draggables
> and drop points, then go into focus mode to be able to use Space to select
> a draggable (enter drops).
>
> I have a version I'm playing with for work, which is almost entirely the JS
> of Brothercake. My modification is making the draggables a list of items. I'm
> also not certain if I want to keep h2 headings for the names of the drop
> targets-- I might want to rethink that. But anyway, play with it in Orca on
> Firefox. If you have a Windows machine, try out NVDA + Firefox and NVDA + IE.
>
> http://www.stommepoes.nl/work/k-12/dragndrop.html
>
> cheers,
> _mallory
> _______________________________________________
> orca-list mailing list
> orca-list gnome org
> https://mail.gnome.org/mailman/listinfo/orca-list
> Orca wiki: https://wiki.gnome.org/Projects/Orca
> Orca documentation: https://help.gnome.org/users/orca/stable/
> GNOME Universal Access guide: https://help.gnome.org/users/gnome-help/stable/a11y.html
> Log bugs and feature requests at http://bugzilla.gnome.org
>
_______________________________________________
orca-list mailing list
orca-list gnome org
https://mail.gnome.org/mailman/listinfo/orca-list
Orca wiki: https://wiki.gnome.org/Projects/Orca
Orca documentation: https://help.gnome.org/users/orca/stable/
GNOME Universal Access guide: https://help.gnome.org/users/gnome-help/stable/a11y.html
Log bugs and feature requests at http://bugzilla.gnome.org