Need More Info
Last Updated: 21 Feb 2025 09:36 by ADMIN
eDAD
Created on: 19 Feb 2025 09:49
Category: KendoReact
Type: Bug Report
0
Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading in windows.
Title: Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading.

Test Environment:
 
OS: Windows 11 Enterprise Insider Preview Version 24H2(OS Build 26100.2892)
Browser: Microsoft Edge Version 132.0.2957.140, Chrome Version 133.0.6943.54
Tools: F12 Developer Tools /Accessibility insights for web.

User Impact:
 
The absence of a programmatic heading for the visually displayed "Create Text Widget" impacts blind and low-vision users who rely on screen readers to quickly identify and navigate to key sections. It also affects users with cognitive disabilities, who depend on clear, structured headings for better understanding and easier navigation.

Observation:
  1. Same issue is observed for the below two dialogs.
    1. Visually appearing heading 'Import Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Import workspace--> Popup] (Refer Attachment: Note_1_Visually appearing heading 'Create Workspace' is not defined as heading.png.)
    2. Visually appearing heading 'Create Workspace' is not defined as heading programmatically. [Path: Home page-->activate 'Hamburger' menu-->Add new workspace--> Popup] (Refer Attachment: Note_2_Visually appearing heading 'Import Workspace' is not defined as heading.mp4).
Pre-Requisites:
  1. Turn on Accessibility insights for web extension.
  2. Navigate to the headings toggle control and turn it on.

Repro Steps:
  1. Open the URL: Agora Home Page (PPE) in latest edge browser.
  2. 'Agora home page (PPE)' will be displayed.
  3. Navigate to 'Add a widget' control using tab key and activate it using enter key.
  4. Navigate to 'Mark down' control in the list displayed using tab key and activate it using enter key.
  5. 'Create text widget' dialog gets displayed.
  6. Observe and verify whether visually appearing heading text 'Create Text Widget' is programmatically defined as heading or not.

Actual Result:
 
Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading.

Refer Attachment: 
Visually appearing heading text 'Create Text Widget' is not programmatically defined as heading..wmv

Expected Result:
 
 
Visually appearing heading text 'Create Text Widget' should be programmatically defined as heading level 2.
Ensure that heading structure should be logical in the page i.e., it should follow h1->h2->h3->h4->h5->h6.

1 comment
ADMIN
Vessy
Posted on: 21 Feb 2025 09:36

Hello,

The markup from the attached screenshots does not match the Rendering of the KendoReact components. Could you elaborate which product are you using and which version is it so we can migrate your report to the proper place?

Regards,


Vessy
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.