Declined
Last Updated: 21 Jul 2023 04:54 by ADMIN
eDAD
Created on: 22 May 2023 07:21
Category: Kendo UI for Angular
Type: Bug Report
0
Accessibility bug-Ensures elements with an ARIA role that require child roles contain them
Ensures elements with an ARIA role that require child roles contain them
Repro-Steps:
  1. Hit enter link  https://angular-kendo-dropdown-list.stackblitz.io/  
  2. Tab to 'Run project' button and press ENTER to activate it.
  3. Tab to the “Select gender:” dropdown.
  4. Run fastpass in Accessibility insights for web extension

Actual Result:
Ensures elements with an ARIA role that require child roles contain them


Expected Result:

Fix ONE of the following:

Required ARIA children role not present: group, option

Element has no aria-busy="true" attribute



User Impact:
 People who use assistive technologies might find it difficult or impossible to use a composite control if its managed controls lack the required child role or if it contains unexpected types of children.
Attached Files:
4 comments
ADMIN
Yanmario
Posted on: 21 Jul 2023 04:54

Hi eDAD team,

The provided example runs old versions of our components and Kendo Themes. Our team has done a lot of accessibility improvements recently and I will suggest updating to our latest versions.

https://www.telerik.com/kendo-angular-ui/components/installation/up-to-date/

We also released a VPAT document:

https://www.telerik.com/kendo-angular-ui/components/accessibility/accessibility-compliance/#toc-voluntary-product-accessibility-template-vpat

Accessibility of the component documentation:

https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/accessibility/

Tested application - https://stackblitz.com/edit/angular-vgoai2?file=src%2Fapp%2Fapp.component.ts

Results:

Regards,
Yanmario
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
eDAD
Posted on: 19 Jul 2023 10:02

Hi, This issue is still reproducible. Please verify the issue. Below provided steps are followed to repro the isssue.

  1. Hit enter link  https://angular-kendo-dropdown-list.stackblitz.io/  
  2. Tab to 'Run project' button and press ENTER to activate it.
  3. Tab to the “Select gender:” dropdown.
  4. Run fastpass in Accessibility insights for web extension
Attached Files:
ADMIN
Martin
Posted on: 06 Jun 2023 15:37

Hi eDaD team,

The bug report is declined due to inactivity. We can change the status in case any further details are provided.

Regards,
Martin
Progress Telerik

As of R2 2023, the default icon type will be SVG instead of Font. See this blogpost for more information.
ADMIN
Yanmario
Posted on: 29 May 2023 06:35

Hi,

Thank you for the provided example and details.

Running the example it seems that our inputs package isn't installed and in addition to that I am not sure what package versions are used in the example. As such I ran our latest versions with the same example and I wasn't able to see the error present in the FastPass tool:

https://stackblitz.com/edit/angular-yprwqc?file=src%2Fapp%2Fapp.component.ts

Let me know if the required dependencies and the latest versions of our component fix the accessibility issue that you are experiencing on your side.

Regards,
Yanmario
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