Grid and Accessibility

[petziParticipant]

Hello!
I have some accessibility issues concerning the grid.
I need to select a row just using the keyboard.
I tried to do this using different browsers in your demos and didn’t manage to do so.
I tried to select the grid by pressing the TAB-key but this didn’t work.
It just worked after clicking once into the grid.
Is there a way to select some cells/rows just using the keyboard?
Regards
petzi

[Peter StoevKeymaster]

Hi petzi,

If the Grid is On Focus you can select rows using the keyboard. To put the Grid on Focus you will have to either call its “focus” method or click in the Grid. To navigate through rows, i.e to update the selection through Keyboard, you will need to have at least one selected row. You might want to see this sample: http://www.jqwidgets.com/jquery-widgets-demo/demos/jqxgrid/keyboardsupport.htm?arctic. Make sure that you will need to click on a cell at first.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[petziParticipant]

hi peter!
my problem is, that no blind user will actually use the mouse.
so there will be no initial click or a focus on the grid!
do i need to select a grid-row by javascipt in order to use the grid?
regards
petzi

[Peter StoevKeymaster]

Hi petzi,

If you want to select a row with keyboard, you will need to have at least one already selected row. I hope you understand, you cannot change selection if there is no selection, right?

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[petziParticipant]

hi!
i understand that one needs an active selection.
i tried that by manipulating your demo files.
there is a file called filtering.htm in your demos/jqxgrid folder.
i just replaces addfilter() with $(“#jqxgrid”).jqxGrid(‘selectrow’,0); to select the first row instead of adding a filter.
the row is selected but i cannot reach it by keyboard.
i did this also to the file filterrow, where it worked more or less (if i am in the grid pressing tab will not automatically move me out of the grid. try to enable the cared navigation to check this).
in a file of my own where ther is a filter-row only the filter row ist accessible thoug i select a row by JavaScript.
when i click into the grid then the filter-row ist not accessible by keyboard anymore and pressing tab will set the focus to the grid.
any suggestions?

regards
petzi

[Peter StoevKeymaster]

Hi petzi,

As I said, to use Keyboard for navigation, the Grid should be on Focus. That is valid for any HTML Element as far as I know.

Best Regards,
Peter Stoev

jQWidgets Team
http://www.jqwidgets.com/

[petziParticipant]

hi!
can u give me an example how to do that by JavaScript?
i tried the focus method and other things but nothing worked.
regards
petzi

[Author]

Posts