Declined
Last Updated: 26 Feb 2024 12:56 by ADMIN
Akash
Created on: 13 Feb 2024 18:20
Category: Kendo UI for jQuery
Type: Bug Report
1
Accessibility Blocker: Kendo Grid is reading table twice.

Hello Team,

 

We are currently facing challenges with the Kendo grid, which is a widely used widget or component at o9Solutions. Although we have been using Kendo for a long time, the widget is failing to meet accessibility standards for some components, which are crucial in today's world.

 

Regarding the Kendo grid, there is an issue where SR is reading the table twice, once for the header and once for the cells. This can cause confusion for assistive technologies like SR.

Consider the cases of horizontal scroll or fixed column cases also.

Having a single <table> is the standard. We can't create multiple tables, which will violate the good coding practices + accessibility standards.

---

I saw some posts regarding this... where it was mentioned we can remove this Scrollable() . But what are the cons of this if we remove this?
--

 

We want this functionality like a horizontal or vertical scroll or fixed column cases.But it needs to recognize as a single table.

 

3 comments
ADMIN
Peter Milchev
Posted on: 26 Feb 2024 12:56

Hi Akash,

The proper roles will be added to the grid itself when you set navigatable: true in the grid configuration:

  • https://dojo.telerik.com/@pmilchev/OnoPacic 
  • $("#grid").kendoGrid({
      navigatable:true,
      columns: [
        { field: "name", width: 200, locked: true },
        { field: "age",width:200},
        { field: "hometown",width:200 },
        { field: "siblings",width:200 }
      ],
      dataSource: [
        { name: "Jane Doe", age: 30, hometown: "Sofia, Bulgaria", siblings: 3 },
        { name: "John Doe", age: 33, hometown: "Boston, MA, USA", siblings: 1 }, { name: "John Clark", age: 33, hometown: "Boston, MA, USA", siblings: 2 }
      ]
    });
    var grid = $("#grid").data("kendoGrid");
    grid.lockColumn("hometown");

 

To avoid duplicating the same content in multiple places, let's continue the discussion in the forum thread.

Regards,
Peter Milchev
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources
Akash
Posted on: 26 Feb 2024 05:37
Hi Nei

but there's some confusion:

Will u please tell me where i need to put role = none? Or will u share the dojo?

If I put role = none in all the tables, then it'll recognize as a table.

I see there is no outer role = grid or table.
ADMIN
Neli
Posted on: 20 Feb 2024 09:33

Hello Akash,

I see that my colleague Peter has already replied in the forum thread regarding the same issue. 

- https://www.telerik.com/forums/accessibility-blocker-kendo-grid-is-reading-table-twice

As suggested in the forum in order to improve the keyboard navigation the navigatable option should be enabled. 

As the issue is related to the configuration I will proceed and will mark the thread as declined.

In case you have additional questions on the matter, please let me know.

Regards,
Neli
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources