Completed
Last Updated: 21 Oct 2024 07:26 by ADMIN
Kavitha
Created on: 04 Aug 2021 09:05
Category: KendoReact
Type: Bug Report
0
Aria label attribute is not defined for button in 'Insert image' dialogue
Pre-requisite:
Add accessibility insights for web extension for edge Anaheim(Dev) browser from https://accessibilityinsights.io/

Repro-Steps:
  1. open the https://answers.microsoft.com/en-us/msoffice/ using valid credentials.
  2. Select 'reply' button.
  3. Navigate to 'Insert image' button and invoke it.
  4. Now Run the fast pass using Accessibility Insights for web and observe the failure 'label'.

Actual results:

Aria label attribute is not defined for button in 'Insert image' dialogue.

Narrator is announcing as 'No file chosen, choose file, button'.


Expected results:

Aria label attribute should be defined for button in 'Insert image' dialogue.

 

User Impact:

Adding effective form labels is absolutely necessary to make forms accessible. The purpose of form elements such as a checkboxes, radio buttons, input fields, etc. is often clear for sighted users, even if the form element is not programmatically labeled. This isn't usually the case for screen reader users. Adding a label to all form elements eliminates ambiguity and contributes to a more accessible product.

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.