Default Keyboard Interactions
Default Keyboard Interactions
Work in Progress
This page is a work in progress. All content is subject to change.
This page captures in a single table the default actions for common keyboard controls for each Fluid component. Having this information in one place helps us to:
- Discover gaps
- Discover inconsistencies
- Create a reference for designers of new components
Issues:
- Some keystroke combinations are used for more than one purpose within a component. This is hard to express in a simple table.
- We don't have a consistent way of specifying keyboard behaviour for all components. Information on this page has been gathered from the reference pages listed below.
- We need to have some codified conventions for things. For example, is it a rule that Space and Enter always have the same function except during text entry?
- In exploring the keystroke effects through the test sites and demos, it is sometimes difficult to distinguish the behaviour of the component from the behaviour of the application employing it.
Keystroke Actions by Component
  Key |
Tab |
Back |
Enter |
Space |
Del |
Left Arrow Ctrl-LA |
Up Arrow Ctrl-UA |
Down Arrow Ctrl-DA |
Right Arrow Ctrl-RA |
Backspace |
i |
j |
k |
m |
Esc |
End |
Home |
---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|---|
Inline Uploader
|
Next |
Previous |
Select |
Select |
 |
 |
 |
 |
 |
Browser Back |
 |
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
Remove |
 |
Prev |
Next |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Popup Uploader
|
Next |
Previous |
Select |
Select |
 |
 |
 |
 |
 |
Browser Back |
 |
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
Remove |
 |
Prev |
Next |
 |
 |
 |
 |
 |
 |
 |
 |
 |
Simple Text Inline Edit
|
Next |
Previous |
Select |
Select |
 |
 |
 |
 |
 |
Browser Back |
 |
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
Space Char |
Delete Char Right |
Previous Char |
 |
 |
Next Char |
Delete Char Left |
 |
 |
 |
 |
 |
 |
 |
Pager |
Next |
Previous |
Select |
Select |
 |
 |
 |
 |
 |
Browser Back |
 |
 |
 |
 |
 |
 |
 |
Reorderer
|
Next and Focus |
Previous |
|
|
 |
 |
Scroll Up |
Scroll Down |
 |
Browser Back |
 |
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
 |
Col L (prev line) |
Col Up (roll) |
Col Dn (roll) |
Col R (next line) |
 |
Col Up (roll) |
Col L (prev line) |
Col R (next line) |
Col Dn (roll) |
 |
 |
 |
Reorderer
|
Next and Focus |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
 |
|
 |
 |
 |
 |
 |
Col L (prev line) |
Col Up (roll) |
Col Dn (roll) |
Col R (next line) |
 |
Col Up (roll) |
Col L (prev line) |
Col R (next line) |
Col Dn (roll) |
 |
 |
 |
References
Uploader
Inline Edit
Pager
Reorderer - Layout Customizer
Reorderer - Lightbox
DHTML Style Guide
- http://dev.aol.com/dhtml_style_guide
- This is a baseline for our work in Fluid. The group is fairly technology driven and much of the rules are based on current interaction in windows. As Fluid, it's important that we think critically and creatively about how we can make interactions better. We want and need to take a leadership role in thinking through creative interaction for people with disabilities.m