Unplanned
Last Updated: 06 Aug 2021 10:08 by ADMIN
Kavitha
Created on: 03 Aug 2021 17:39
Type: Bug Report
0
Interactive control elements must not have focusable descendants.
Pre-requisite:
Add accessibility insights for web extension for edge Anaheim(Dev) browser from https://accessibilityinsights.io/

Repro-Steps:
  1. open the given URL using valid credentials.
  2. Navigate to 'Reply' button and invoke it.
  3. Navigate to 'Insert image' button and invoke it.
  4. Now Run the fast pass using Accessibility Insights for web and observe the failure 'Nested- interactive'.

Actual results:

Nested interactive controls are not announced by screen readers


Expected results:

Interactive control elements have focusable descendants.

 

User Impact:

When interactive elements have an incorrect name and role, it is difficult for people using assistive technology (like screen readers) to understand the purpose of control and its relationship to other content. Knowing the role for a control helps users know what will happen when that object has focus and is selected, as well as what keyboard shortcuts to use when interacting with the control.  

1 comment
ADMIN
Stefan
Posted on: 06 Aug 2021 10:08

Hello, Kavitha,

I assume that this is for the custom images dialog and upload. If this is the case, the developer has access to these controls and added any necessary attributes to them:

https://www.telerik.com/kendo-react-ui/components/editor/images/

We will also log a task to improve the demo accessibility.

Regards,
Stefan
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.