Documentation for a historical release of Infusion: 1.3
Please view the Infusion Documentation site for the latest documentation.
If you're looking for Fluid Project coordination, design, communication, etc, try the Fluid Project Wiki.

Skip to end of metadata
Go to start of metadata

You are viewing an old version of this page. View the current version.

Compare with Current View Page History

« Previous Version 19 Next »

Lightbox Component Development Tasks

These tasks provide an indication of the functionality that needs to be built for the Lightbox component. They are succinct summaries of the work outlined within Daphne's scenarios and wireframes. They are used for development tracking purposes, and aren't intended to be robust requirements or full-fledged user stories, but rather serve as an indication of work to be done and as a starting off point for conversations among members of the Fluid community.

Iteration 1: Basic Keyboard-Accessible Interaction

  • Display a collection of images to the user in the same way as is currently done by the Gallery tool. (Done)
  • Provide a way for the user to cycle through each image in a collection using the left/right arrow keys (Done)
  • Enable the user to select a particular image to move using the keyboard (Done)
  • Provide a way for the user to move to and specify the location where the selected image should be moved using the left/right arrow keys on the keyboard (Done)
    • Modify the Gallery tool permanently store the order of images in a collection to the database (Done)
    • Modify the Gallery to save a new image order via an AJAX or POST request (Done)
  • Implement ARIA roles for keyboard interaction with the Lightbox (Done)

Iteration 2: Full Keyboard Access

  • Allow the user to cycle through the list images in a collection using the up/down arrow keys (Done)
  • Enable the user to move an image within a collection with the up and down arrow keys (Done)
  • Add support for IE 6 & 7 (Done - some bugs outstanding)

Iteration 3: Mouse-based drag and drop

  • Implement the appropriate ARIA roles for drag and drop within the Lightbox component. (Done)
  • Provide a means for the user to drag and drop images within a collection to re-order them using the mouse. (Done)

Iteration 4: Refinement and Generalization

  • Refine user interface appearance and interactions based on testing and expert design feedback. (In progress)
  • Generalize and re-implement the Lightbox using the YUI toolkit.
  • Implement the appropriate AccessForAll metadata for the component.
    • This metadata will be our first attempt at starting to build a taxonomy of user interface components
    • Provides a programmatic way to refer to and address UI components based on clear semantics
    • Includes the following information: What is the role of this component? How can it be controlled? What modalities does it support? What accessibility qualities does it have?
    • Will have to be defined from scratch

Iteration 5: Magnification and Linearization

  • Enable the user to use the Lightbox component in a way that is most amenable to screen magnification.
    • Ensure that thumbnails and caption text can be usefully enlarged
    • Ensure that the Lightbox can be linearized for users with small screens or magnification enabled
  • No labels