Directional and Tabbed Focus Navigation, with Drag and Drop
A study of various focus and navigation mechanisms in SVG, with an emphasis on accessibility. Illustrates navigation by means of directional keys and "tabbing." Demonstrates how dynamic directional navigation can work with moveable elements.
To "tab" through the focusable elements in order of nav-index, press "q"; shift+"q" will tab backwards. the keys "w," "s," "a," and "d" will navigate in the cardinal directions. The arrow keys will allow you to move the focused element around, as will dragging with the mouse.
Written by Doug Schepers on April 9, 2004.