Unplanned
Last Updated: 07 Jan 2022 11:22 by ADMIN
Kavitha
Created on: 27 Sep 2021 19:32
Category: KendoReact
Type: Bug Report
1
Ensure Aria attributes are allowed for an elements role.

Actual Result:

Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, I get the follow error message:

 

Snippet
<div aria-label="Post a question or answer" contenteditable="true" class="ProseMirror"><p data-prewrap="true"><br></p></div>
How to fix
Fix the following:
ARIA attribute cannot be used, add a role attribute or use a different element: aria-label

Expected behavior

Given I have a conteneditable div component in my web application, when I run FastPass using Accessibility Insights for Web, then I should not receive the following error message above

1 comment
ADMIN
Stefan
Posted on: 28 Sep 2021 08:33

Hello, Kavitha,

The Editor component will not add the `aria-label` automatically. If this attribute is added programmatically, to cover a specific requirement, please use the same approach to add the required role attribute to the same element as well.

If there is a specific issue after that, please share more details and the code used to create this result.

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.