Guriddo » Topic: Regarding Accessibility feature in JQGrid

Regarding Accessibility feature in JQGrid

Guriddo
#section 508 Compliant
Regarding Accessibility feature in JQGrid

Tagged: #section 508 Compliant

This topic has 26 replies, 2 voices, and was last updated 5 years, 4 months ago by guriddo.support.

Creator

Topic
November 28, 2018 at 10:22 am #127009

Meenakshi Salaria
Participant

Hi,

We are using jqGrid 4.4.4 and this version of JQGrid is not accessibility compliant(Section 508 Compliant) . Please let us know if there is any updated version of JQGrid available that have accessibility features incorporated.

For example , following accessibility features:
1. Table headers should be sortable using keyboard.
2. Table pagination controls should be accessible using keyboard.
3. Table is accessible using Screen readers like “Narrator”, “Jaws” .

If you have an updated version , would be great if you can share the link to download the trial version.

Thanks,
Meenakshi
Creator

Topic

Viewing 11 replies - 16 through 26 (of 26 total)

← 1 2

Author

Replies
September 20, 2019 at 2:57 pm #127258

Meenakshi Salaria
Participant

Hi ,

The keyboard accessibility is as per the W3 ARIA standards that is working perfectly fine. But with Narrator table is not accessible.

1. Narrator not providing the header names associated with the table cell :


Switch on Narrator and navigate to any cell using Tab key. Say when you are on first row first cell “Beverages” here Narrator should read the header name along with the data eg it should read as : Beverages column header “Category Name”

2. Table not accessible using Narrator table commands
As Narrator was not readign the header associations and the sorting info , hence I tried with Narrator commands as follows:
Switch on Narrator and Press Key T , Narrator says “Not on table” .
Similarly if you try to navigate the table using following commands it always says “Not on table”
Ctrl + Alt + Home: Jump to first cell in table
Ctrl + Alt + End: Jump to last cell in table
Ctrl + Alt + Right arrow: Jump to next cell in row
Ctrl + Alt + Left arrow: Jump to previous cell in row
Ctrl + Alt + Down arrow: Jump to next cell in column
Ctrl + Alt + Up arrow: Jump to previous cell in column
Ctrl + Shift + Alt + Left arrow:Read current row header
Ctrl + Shift + Alt + Up arrow:Read current column header
Ctrl + Shift + Alt + Right arrow:Read current row
Ctrl + Shift + Alt + Down arrow:Read current column
Ctrl + Shift + Alt + Forward slash (/)Ctrl + Shift + Alt + 5 (numeric keypad):Read which row and column Narrator is in
Ctrl + Alt + Page up:Jump to table cell
Ctrl + Alt + Page down:Jump to cell contents

3. Screen reader is not reading the column sorting information.
Switch on Narrator and navigate to any header using Tab key. Screen reader does not read the current sorted state of the column
Press Enter to sort the header. Data is sorted but screen reader does not says “Ascending\Descending”

Randomly I checked and found this grid to be good: https://dequeuniversity.com/library/aria/tables/sf-table-sortable .
You should check with other screen readers as well like JAWS and NVDA. 

Thanks,

Meenakshi

September 25, 2019 at 10:06 am #127259
guriddo.support
Participant
Hello,

Thank you for the explanation.

1 Unfortunatley this is not possible in our grid. Actually to make this happen it is needed to have only one table with table headers and body cells. Actually our Guriddo jqGrid is constructed from two table – one for the header and another for the body. This construction is used to make the grid scrollable and do other usefull stuff. This is the reason that the Narrator does not say this.

2. As I say our navigation keys are different – see the link provided in my previous post. Maybe it will be a good idea to make the navigation keys configurable. I will put this in our todo list

3. This will be fixed to the end of week.

Kind Regards,

Will
- This reply was modified 5 years, 6 months ago by guriddo.support.
Guriddo Support Team
September 26, 2019 at 3:32 pm #127261

Meenakshi Salaria
Participant

Hi Will ,

Thanks for the update.

Do You have any bug tracking system ,where I can log these issues for tracking purpose.

If you have already logged , it would be great if you can share the BugID links that will be helpful for us to track the progress.

Thanks,
Meenakshi

September 30, 2019 at 12:22 pm #127262

guriddo.support
Participant

Hello,

A preferred bug tracking is GitHub

If you visit our support page you will see a bug tracking system link.

The sorting problem is fixed.

Thank you

Kind Regards,

Will

Guriddo Support Team

October 11, 2019 at 5:38 am #127269
Meenakshi Salaria
Participant
Hi Will,

Yes, I can see aria-sort property added now this should fix the sorting issue.

For the issue related to headers.

1. Narrator not providing the header names associated with the table cell

Did you try with aria-label or aria-labelledby properties or headers attribute on the cells this will help to associate the header names with the cell values. If not please give a shot to this.

Thanks,

Meenakshi
- This reply was modified 5 years, 6 months ago by Meenakshi Salaria.
- This reply was modified 5 years, 6 months ago by Meenakshi Salaria.
- This reply was modified 5 years, 6 months ago by Meenakshi Salaria.
October 16, 2019 at 2:54 pm #127273

guriddo.support
Participant

Hello,

Thanks. We will try. We already have aria-describedby on table data pointing to id which is table header. Maybe arya-labeledby will work. We will try and let you know.

Kind Regards,

WIll

Guriddo Support Team

November 12, 2019 at 12:59 pm #127280

Meenakshi Salaria
Participant

Hi Will,

Any progress on fixing the remaining issues.

Thanks,
Meenakshi

November 15, 2019 at 3:37 pm #127281

guriddo.support
Participant

Hello,

Sorry for the late replay.

Unfortunately we do not have any success, but we do not test all possible variants. Will replay next week.

Kind Regards

Will

Guriddo Support Team

November 22, 2019 at 2:50 pm #127284
guriddo.support
Participant
Hello,

As promised. We do not see any difference using aria-labelledby.

What we test is that the grid using Narrator work correct only with IE Edge – in other browsers there is quite bad interpretation.

We think that the grid work correct and in order to overcome some confusions here are the steps to go.
1. Stat Narrator using Win10 + Ctrl + Enter
2. Open IE edge
3. In the toolbar enter the following url or click
4. After page load click on the three buttons Header Focus, Body Focus. Use Alt+narrrow key to navigate
This example uses aria-labelledby, but the result is the same with aria-describedby.

Kind Regards,

Will

Guriddo Support Team
November 29, 2019 at 1:19 pm #127286
Meenakshi Salaria
Participant
Hi Will,

I followed the steps that you provided and found following issues on win10 version 1909(OS build 18363.476 ) :
1. Screen reader is reads only the column headers name when focus is on any cell inside the body. It does not read the cell value. Like Country USA, it reads only Country
2. When focus is on the header Narrator does not read the ascending\descending state for the header.

Observed above issues does not exists on older Win 10 version 1803(OS build 17134.829)
Thanks, Meenakshi
- This reply was modified 5 years, 4 months ago by Meenakshi Salaria.
December 2, 2019 at 2:02 pm #127290

guriddo.support
Participant

Hello,

Thank you for the information. It seems that thereare some problem with the newest Win update. I will test and replay when possible.

Kind Regards,

WIll

Guriddo Support Team
Author

Replies