Hi Team, we're using kendo heavily on our platform. But still there're many gaps in kendo accessibility. I'm working as a Accessibility advocate and i believe every individual can access the widgets irrespective of their barriers. One of the issue is:
Keyboard Support is missing in the input fields buttons like:
1. Clear Button
2. Dropdown "arrow" Button
3. Date and Time Button
Current Behavior:
Focus is going to input field and you can write inside the combobox or textbox or multiselect but you can't interact with other icon buttons like dropdown , date & time, clear "x" button using tab key.
Expected Behavior: As per accessibility , every interactive elements needs to be keyboard focusable using tab key irrespective of shortcut.
I've created a feature request long ago and suggested solution for this: please check in the feature, it's declined by the team:
Date time picker Keyboard Support is missing for date and time button because of (tabindex=-1)
Hi team, please find the accessibility issue:
Component: https://demos.telerik.com/kendo-ui/datetimepicker/keyboard-navigation
Issue Name:
Missing keyboard support for image buttons
Actual Result
Keyboard support is missing for "Open the time view" and "Open the date view" image buttons. This made it difficult for keyboard-only and screen reader users to access the functionality associated with the image buttons.
Steps to Reproduce
1. Navigate to the mentioned image buttons in the modal dialog.
2. Observe that the image buttons do not receive the keyboard focus.
Expected Results
The image buttons must be keyboard accessible.
Recommendation
Ensure that all the page functionality is available for all users irrespective of the device being used.
Apply the following changes:
• Remove the tabindex="-1" attribute from the source code of the image buttons.
• Initially set the aria-expanded attribute to "false" for the image button. Ensure that the value of the aria-expanded attribute changes on user interaction via scripting.
Existing:
<button unselectable="on" tabindex="-1" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>
Recommended
<button unselectable="on" class="k-select k-input-button k-button k-button-md k-button-solid k-button-solid-base k-icon-button" aria-label="Open the time view" type="button" aria-expanded="false">
<span class="k-icon k-i-clock k-button-icon"></span>
</button>
Also, the shortcut is there to open a date and time picker but relying on the shortcuts only to open it would not be feasible,
Test Environment:
OS: Windows 11 Version 22H2(OS build 22621.1992)
Browser: Edge browser version 115.0.1902
Screen Reader: Narrator.
Repro Steps:
Actual Result:
Incorrect role defined as "link" for the "Metric type filter column setting" button.
Expected Result:
Correct role defined as "link" for the "Metric type filter column setting" button.
Missing Anti-CRSF tokens trigger security alerts when testing for security compliance with OWASP ZAP.
we are extensively using the Kendo Jquery Grid for our datasets. The pager can be positioned at either the top of the grid or the bottom of the Grid using the configuratioon within the Grid Pager definition. I find having two pagers better when the display grid take up more than a view port, then you can sometimes be closerto the top of the grid, sometimes closer to the bottom. If the Page is just at the top or the bottom then some cases you have to scroll throrough the entire grid to get to the pager. So when it present at both, you can have eaiser access to the Pager.
So I am requesting that the position configuration in the grid is Top, bottom, Both.
Mark D
Hi Team,
I would like to request the functionality to be able to define a character set for the Telerik.Web.Captcha. Additionally, I'd like to request a way to exclude certain characters like numbers.
Thank you!
Hi,
you have an open DatePicker on a mobile device and want to scroll up or down.
If you press and hold the screen inside the popup you can scroll but when you release the screen the date is selected and the DatePicker closes.
Shouldn't the DatePicker stay open because the user just wanted to scroll the page?
If you do the same with a DateRangePicker it's working. The date is selected but stay's open.
Thank you!
Hi,
When "filter" option is set for dropdown tree widget, "checkChildren" option doesn't take effect even if it is set to true.
Please, check example:
https://dojo.telerik.com/iMaVehuS/6
Thank you.
Hi Support Team,
I try to apply VLOOKUP function in demo page.
VLOOKUP Function: =VLOOKUP(B8, 'Food Order #1'!B3:F11, 5, true) , the result showing in spreadsheet is $13.19, but when export to PDF the result show in PDF change to $52.16.
Can you please check on this issue.
Thank you
Regards
Daniel
It would be great to have support for all wildcards while filtering.
tabstrip in mobile device easy to use for client if tab is scroll on touch instead of arrow button of left and right
Describe the bug
Kendo ComboBox and DropDownList controls are conflicting with kendo PanelBar.
If ComboBox or DropDownList control is included inside a kendo PanelBar, the the dropdown elements of both controls are detached from the combobox or dropdownlist inputs respectively.
To reproduce
In order to reproduce the behaviour:
Expected behavior
ComboBox or DropDownList controls should work correctly and the dropdown elements of controls should not be detached.
Editor components like the pickers, textboxes, etc. use an internal <input> element while submitting to get their value from. This value shows up in form.serialize() even when no value selected/provided.
This is observed also in online demos:
Steps:
Hi team,
Found an issue with column filterable property on IE 11 and last kendo UI for jQuery release.
Please have a look at this dojo with IE11: https://dojo.telerik.com/UfIZePaZ
Using property "filterable: { multi: true}" on first column leads to the grid not being built with console error.
Regression bug as it works with previous kendo release.
Regards,
Laurent.
Bug report
When the Kendo UI Grid is paged and the Search panel input is focused, the page is automatically switched to the first one.
Reproduction of the problem
1. Navigate to the live demo:
https://demos.telerik.com/kendo-ui/grid/search-panel
2. Change page to 2 (for instance).
3. Focus the Search panel input.
4. The page is changed to the first one.
Expected/desired behavior
When the search panel is empty and only focused, the page should remain the same.
Environment
* **Kendo UI version:** 2019.3.1023
* **jQuery version:** 1.12.4
* **Browser:** [ IE 11.768.17763.0]
When the Scheduler is grouped, selecting a cell from the last row does not mark it as selected in IE 11 in TimelineView.
You will notice that the same cell in the previous row is marked as selected.
Selection does not mark the correct cell as selected in TimeLine View with grouping.
Selection should mark the correct cell as selected in TimeLine View with grouping.
In IE 11, MultiSelect with autoClose:false does not prevent the popup from closing. The widget has to be placed at the bottom of the page, so that there is no space for the popup to open below the input field.
The popup closes when the height of the input field expands to fit tags on a new line.
The popup should remain open.
When there is a textarea DOM element in a page that is about to be exported to PDF file, the text of the textarea is displayed two times in the exported PDF document. This happens when the papersize property is defined for the kendo.drawing.drawDOM.
The text in the exported textarea is doubled. The exported file will look like:
The content inside the textarea should not be doubled, but appear as it is displayed in the browser.