Telerik Forums
Kendo UI for jQuery Forum
1 answer
5 views

Hi. This issue can be replicated in the Telerik dojo for the jQuery Slider.

When tabbing to the decrease and increase buttons and pressing space to invoke the action, nothing happens. I can see the graphical affect of the button being pushed but there is no change in value of the slider.

Tabbing onto the central slider value and moving left and right using the arrow keys works as expected.

Here's what I reckon should happen when using the keyboard with the slider: When the user tabs to the increase/decrease button to give it focus, a press of the spacebar activates the button. The slider value should change accordingly and the focus should stay on the button.

Strangely, when NVDA is active, tabbing to the increase or decrease buttons and pressing spacebar key works the first time. It then shifts focus to the slider itself and I have to start using the left and right arrows instead.

Any thoughts on how to work around this as the built in events are not triggered?

Martin
Telerik team
 answered on 02 May 2024
1 answer
37 views

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.


Case: Frozen [Name and hometown ..enabled locked flag]. It's considered as 4 table.

https://dojo.telerik.com/oXoroDav

 

Case 2: normal one. It's considered as  2 table.

Dojo: https://dojo.telerik.com/@naseer743/eyeVuCep

 

Peter Milchev
Telerik team
 answered on 16 Feb 2024
1 answer
56 views

Hi Team,

There's a keyboard issue on the panel bar using the keyboard as focus is going to hidden list item.

 

Working example Link: https://dojo.telerik.com/AzURoTUJ/3

 

Case 1: If  Panel Group 1 i.e. Project is expanded, if there's no Panel  Group 2 only panel content is there like Monday, Tuesday & Wed. and if i'm using a keyboard, focus gets lost after the sales report when i press down arrow key and after pressing 2nd time arrow keys focus is go to the Monday which is part of the Panel Group 2.

 

 

Case 2: If  Panel Group 1 i.e. Project is collapsed, and if there's no Panel Group 2 {unnamed} and  only panel group 2 content is there like Monday, or Tuesday & Wed. and if I'm using a keyboard, the focus is getting lost after the projects when  I press down arrow key and after pressing 2nd time down arrow keys focus is going to the Monday which is part of the Panel Group 2.

 

Expected Behavior:

1. Focus should not go to the hidden element, focus should move to the visible content in the list.

Also, if there's any fix around this please let us know where we can change it to make it behave like above?

 

 

Neli
Telerik team
 answered on 09 Nov 2023
0 answers
42 views

Kendo spreadsheet keyboard navigation using arrow keys not  working properly for the last column. please refer below .

Amila
Top achievements
Rank 1
 updated question on 18 Sep 2023
1 answer
165 views

After Implmenting the Content Security Policy (CSP) in our application, various Kendo controls have stopped working. The CSP, blocks execution of inline scripts and since the Kendo controls are creating scripts while they render, CSP finds it as a threat and hence blocks its execution.

Below is a snapshot of the browser console error. All of the 5 errors are being thrown by kendo Controls.

When the Kendo Control, such as a grid, is rendered, a script tag is generated. Please check the below screenshot for reference.

Here, we have a grid, divIFAResults, when it is rendered on the screen, a script tag with Kendo.syncReady() is generated. The Kendo Grid relies on this script for its smooth execution, but our CSP blocks this script, inturn making the control unusable.

We have added 'unsafe-eval' as per the telerik docs for CSP. We are using the Kendo files hosted in our own project, not from CDN.

Georgi Denchev
Telerik team
 answered on 25 Aug 2023
0 answers
59 views

Hi Team,

I've added everything to make sure charts are accessible but the issue is our data points are clickable and when we click on our data points the pivot/grid below the charts updates just like power bi charts.

I saw one document shared by kendo UI on charts accessibility:

The fundamental requirement that refers to and is fulfilled by the Kendo UI data visualization components is:

  • Section 508—"(a) A text equivalent for every non-text element shall be provided (e.g., via altlongdesc, or in-element content)."
  • WCAG 2.1—"Guideline 1.1 Text Alternatives: Provide text alternatives for any non-text content so that it can be changed into other forms people need, such as large print, braille, speech, symbols or simpler language."

 

but this holds true when charts are not clickable.

 

Like this we're expecting to have focus on each data points:

Power bi is also using svg image and all data points and the x and y axis are operable through the keyboard. Please have a look.

1. Either any shortcut key so that it can navigate all the data points.

2. or Simple Navigation : Enter => and then arrow keys to navigate inside options.

Step 1: container is clickable

Step 2: 

Tab to navigate in between

Enter to go inside

esc: to exit

Step 3: After pressing enter, it goes inside.

 

 

Is it possible to create something like this.. This will make charts more accessible.

 

For more inspiration: Miro currently make it canvas objects accessible in June release with the help of help keys + hidden messages for screen readers.

 

-----------

Is it possible to add custom patterns like pattern fill instead of solid fill inside the charts so that we create differentiation apart from the colors also?

Akash
Top achievements
Rank 1
Iron
 updated question on 14 Aug 2023
1 answer
71 views
Hello there,

It seems like there is an issue with narrator announcing table head and body cell values. Is it fixed in lated version or does anyone know workaround for this?
Using:
"@progress/kendo-grid-react-wrapper": "^2019.4.1014"

Best regards,
Stevan
Vessy
Telerik team
 answered on 04 Nov 2022
2 answers
66 views

Hello,

I'm currently applying the Table Wizard button to a custom Sitefinity widget; I'm looking to make the table header NOT bold. Is that something someone could guide me or help me with?

Thanks in advance,

Sunny Carrandi

Sunny
Top achievements
Rank 1
Iron
 updated answer on 17 Aug 2022
1 answer
1.1K+ views

Is Kendo UI for Jquery and angular is free or licenced ?

If we get lincence will we be able to access all the compoenents

Neli
Telerik team
 answered on 17 Jun 2022
1 answer
256 views

When you evaluate a page, with a kendo grid inside, accessibility tools like WAVE (https://chrome.google.com/webstore/detail/wave-evaluation-tool/jbbplnpkjmmeebjpijfedlgcdilocofh), show errors on "pager links".

These errors are Broken ARIA references: An aria-labelledby or aria-describedby reference exists, but the target for the reference does not exist.

The links have the aria-describeby attribute, but the reference does not exist.

Attached screenshot with the generated code

Kendo version: 2022.1.301

Thanks!

Georgi Denchev
Telerik team
 answered on 21 Apr 2022
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?