This is a migrated thread and some comments may be shown as answers.

Keyboard navigation issues

2 Answers 283 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Notre
Top achievements
Rank 1
Notre asked on 10 Aug 2012, 11:35 PM
I'm new to Kendo UI and I'm in the early stage of evaluating it.

Coming from a Windows application perspective, good keyboard navigation is expected in an application to increase user productivity. 

In most cases, it is expected the tab key would navigate between controls on a page.  In some scenarios, the tab key may also function to move between cells in a grid.  Arrow keys typically allow movement from within a control.  There should be a means of entering edit mode of a control (e.g. a grid) with the keyboard, and a means of exiting edit mode, if it makes sense for the type of control (e.g. a grid). If a widget allows pop up of a secondary control (e.g. a date / calendar control or combo box), then it should be possible to invoke that secondary UI from the keyboard, as well as from the mouse (or by touch).


An informal testing of the various Kendo UI web widgets revealed that that the keyboard navigation performed poorly, at least as configured in the samples on the Kendo UI website.   I don't know if there are settings that can be set on the various controls to make them perform as expected/desired.  If so, I'd love to hear how to make those configuration changes.  Or perhaps I'm using the wrong navigation keys.  Below I've included my observations based on my preliminary testing.

  • Autocomplete works as expected in primary (by "primary", I mean not in a grid)
  • ComboBox widget works as expected in primary (up/down arrow keys to cycle choices; tab moves between fields)
  • DataPicker does not seem to support keyboard navigation (how do I open pick list?) in primary
  • DropDownList widget works as expected in primary (up/down arrow keys to cycle choices; tab moves between fields). EXCEPT, no keyboard focus visual cue
Grid control
  • Use arrows when in edit mode to move within text field (good)
  • How do I enter edit mode using keyboard?
  • How do I tab into grid control, from outside control (when grid is not in edit mode)?
  • How do I tab between cells in the grid? NOTE: If the grid cells already in 'edit' mode, then tabbing between editable cells works (as in 'inline editing' grid sample)
  • Up/down arrow keys increase/decrease values in NumericTextBox control; left/right arrow keys allow navigation within cell (good)
  • How do I delete row using keyboard?
  • Popup edit does not set keyboard focus to any field in the popup window editor
NumericTextBox
  • Up/down arrow keys increase/decrease values in NumericTextBox control; left/right arrow keys allow navigation within cell (good)
  • After tabbing out of NumericTextBox, have strange visual cue that implies (to me) that the NumericTextBox still has keyboard focus (but it does not)
Slider
  • Left/right and up/down arrow keys increment decrement slider value (good)
  • Once you tab into slider control, you cannot exit the control via the keyboard
TimePicker
  • Can enter free form dates (good)
  • How do I open the dropdown via the keyboard?
TabStrip
  • Can tab into edit control within tab page (good)
  • How do I switch between tabs in the tab strip with the keyboard?

Thanks for reading through this long list.  Comments are welcome.

Notre

2 Answers, 1 is accepted

Sort by
0
Accepted
Sebastian
Telerik team
answered on 13 Aug 2012, 10:18 AM
Hello Notre,

Indeed the Kendo UI widgets have some rudimentary keyboard support as you already found out, but there is quite a room for improvements. You may be happy to know that this is one of the major assignments we will be working on for the next major Q3'12 release, due in late autumn. Full keyboard support as well as accessibility enhancements are on the pipeline for this future release.

I hope this timeframe is in sync with your project development plans. For more details stand by for the official Q3 Roadmap in the upcoming weeks.

Kind regards,
Sebastian
the Telerik team
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Notre
Top achievements
Rank 1
answered on 13 Aug 2012, 10:08 PM
Hi Sebastian,

This is great news!  Thanks for the information.  This should fit fine with my timeframe.

Notre
Tags
General Discussions
Asked by
Notre
Top achievements
Rank 1
Answers by
Sebastian
Telerik team
Notre
Top achievements
Rank 1
Share this question
or