Forum

November 2nd, 2014
A A A
Avatar

Lost password?
Advanced Search

— Forum Scope —




— Match —





— Forum Options —





Minimum search word length is 3 characters - maximum search word length is 84 characters

The forums are currently locked and only available for read only access
sp_Feed Topic RSS sp_TopicIcon
Replace ARIA grid role with listbox role
13/05/2014
19:07
Avatar
Jakooth
New Member
Members
Forum Posts: 1
Member Since:
13/05/2014
sp_UserOfflineSmall Offline

Hi,

We are using jqGrid, but we have high requirements for accessibility and the grid role is not working well when we tested with NVDA and JAWS screen readers combined with jqGrid keyboard navigation.

We use other plain html tables with the ARIA listbox role without any problems and I would like to alter some HTML attributes in jqGrid to have better user exeperience for visualy imapared users.

I can brute force this with jQuery on loadComplete, but I want to ask if there is a nicer way to do some extension for the table and row renderers.

These are some the thigs in the final output I'm looking to modify:

  • Header table is just for presentation. It is no accessible without the content and vice versa.:
    <table ... aria-labelledby="gbox_table" role="grid" role="presentation" class="ui-jqgrid-htable">
    <tr role="rowheader" class="ui-jqgrid-labels ui-sortable">
    <th ... class="ui-state-default ui-th-column ui-th-ltr" role="columnheader">
  • Content table need to be listbox
    <table ... tabindex="0" role="listbox" aria-activedescendant="" aria-multiselectable="true" aria-labelledby="gbox_table" aria-labelledby="someProperHeadingID" class="ui-jqgrid-btable axw-scroll-spy">
    <tr class="ui-widget-content jqgrow ui-row-ltr" tabindex="-1" id="1" role="row" role="option" aria-labelledby="jqg_table_1">
    <td ... aria-describedby="table_cb" role="gridcell">
  • I need labels for the multi-select checkboxes
    <label for="jqg_table_1">A proper label</label>
    <input type="checkbox" class="cbox" id="jqg_table_1" role="checkbox">

Bottom line these are the kind of small modifications I'm looing to do. Can you recommend where to extend the extra code?

Thanks,

Ivan

Forum Timezone: Europe/Sofia

Most Users Ever Online: 715

Currently Online:
39 Guest(s)

Currently Browsing this Page:
1 Guest(s)

Top Posters:

OlegK: 1255

markw65: 179

kobruleht: 144

phicarre: 132

YamilBracho: 124

Renso: 118

Member Stats:

Guest Posters: 447

Members: 11373

Moderators: 2

Admins: 1

Forum Stats:

Groups: 1

Forums: 8

Topics: 10592

Posts: 31289

Newest Members:

, razia, Prankie, psky, praveen neelam, greg.valainis@pa-tech.com

Moderators: tony: 7721, Rumen[Trirand]: 81

Administrators: admin: 66

Comments are closed.
Privacy Policy   Terms and Conditions   Contact Information