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