W3C home > Mailing lists > Public > wai-xtech@w3.org > November 2007

Example of keyboard drag and drop.

From: Joseph Scheuhammer <clown@utoronto.ca>
Date: Fri, 09 Nov 2007 17:08:44 -0500
Message-ID: <4734DA6C.10904@utoronto.ca>
To: wai-xtech@w3.org

This is a followup to the Nov 2 DHTML/ARIA style guide teleconference. 

One of the proposals was to provide examples of keyboard usage in DHTML 
contexts.  The Fluid project is about to release a component that 
permits keyboard based drag-and-drop.  The component in question is 
called the "Lightbox".  It depends on a more general "Reorderer" 
JavaScript object.

The purpose of the Lightbox is to allow users to reorganize a set of 
pictures -- it's analagous to a photographer organizing a set of slides 
on a light table.

The purpose of the Reorderer is to give client software a general way to 
reorder meaningful chunks of HTML within a container.  The Lightbox is a 
specific use of the Reorderer.

In terms of keyboard accessibility, the Reorderer currently defines:
1. the arrow keys for navigating among the orderable items, and
2. control+arrow to move an orderable item to a new location.

The latter constitutes a kind of keyboard based drag-and-drop.  In terms 
of this interest group, are these reasonable keystroke definitions given 
the context?

You can view a demonstration of a standalone Lightbox here:
http://build.fluidproject.org:8080/sakai-imagegallery-tool/component-templates/html/Lightbox.html

You can see the Lightbox deployed withing Sakai's gallery tool here 
(login as use "demo", with password "demo".  After logging in, click the 
"Fluid Demo" tab):
http://build.fluidproject.org/portal

For more information on the Lightbox and the Reorderer, check out 
Fluid's wiki documentation:
http://wiki.fluidproject.org/display/fluid/Reorderer
http://wiki.fluidproject.org/display/fluid/Lightbox+Component

Shameless plug: for more information about Fluid itself, here is the 
main project page:
http://www.fluidproject.org

-- 
Joseph Scheuhammer, Ph.D.
Adaptive Technology Resource Centre
University of Toronto
130 St. George Street
Toronto, Ontario
Canada M5S 3A1

Tel: 416-946-3196
Fax: 416-971-2629
E-mail: clown.scheuhammer@utoronto.ca
WWW: http://atrc.utoronto.ca/index.php?option=com_content&task=view&id=123&Itemid=116

'A dog, a panic in a pagoda'
 - "Bob", W. A. Yankovic -
Received on Saturday, 10 November 2007 14:06:35 GMT

This archive was generated by hypermail 2.2.0+W3C-0.50 : Friday, 27 April 2012 13:15:44 GMT