Telerik Forums
Kendo UI for jQuery Forum
0 answers
43 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
0 answers
61 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
0 answers
151 views

We updated Kendo UI for JQuery from v2021.2.511 to v2022.1.325 and we observed that certain screen reader functions were broken.

The following issues were observed when screen reader is activated on any KendoMultiSelect control:

a. The selected item and tag are not being announced. The selected item and the tag were announced by narrator before the update.

b. The number of available suggestions is not announced. This was announced before the update. 

c. When scan mode is activated, users cannot navigate the list items using the up/down arrow keys.

d. When a user enters a search string that is not in the datasource, narrator does not announce that. Before the update, narrator would announce "Selection contains zero items".

For other controls like checkboxes, narrator does not announce the name or label of the controls when in focus.

Is there a different attribute other than aria-label that we need defined on these controls to get screen readers to announce them?

I'd appreciate any help to get these issues fixed.

Thanks!

OS: Windows 11

Browser: Edge Chromium.

Kendo UI version: v2022.1.325

Screen Reader: Windows Narrator

 

Ola
Top achievements
Rank 1
 asked on 20 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?