On accessing the FormItem inside Form, the associate label name is not announced to the screen reader user

[C5362575]

Bug Description

On accessing the FormItem, the associate label name is not announced to the screen reader Screen Reader: JAWS Version 2024.2403.3 A sample code is shared below for rederence

import {
  Form,
  FormItem,
} from "@ui5/webcomponents-react";

 <Form>
        <FormItem>
          label="labelText"
          aria-label="labelText"
        >
          <CustomComponent />
        </FormItem>
  </Form>

Affected Component

Form,FormItem

Expected Behaviour

All the contents and the information should be conveyed to the user, the corresponding label and group label should be read out, when each & every UI is accessed.

Relationships and information conveyed by the presentation (such as labels) should be identified by assistive technologies so user can connect the accessed UI with associated label.

Isolated Example

No response

Steps to Reproduce

1. 2. 3. ...

Log Output, Stack Trace or Screenshots

No response

Priority

Medium

UI5 Web Components Version

1.19.0

Browser

Chrome

Operating System

Windows 11 Enterprise, 23H2

Additional Context

No response

Organization

No response

Declaration

• [X] I’m not disclosing any internal or sensitive information.

[ilhan007]

Hello @C5362575 the form in question is part of the UI5 Web Components For React and that's I am forwarding the issue to the UI5 Web Components For React repository.

@MarcusNotheis @Lukas742

BR, ilhan

[C5362575]

Hi @MarcusNotheis , @Lukas742

Please look into this reported issue on an urgent basis. we need to close these accessibility bugs

[C5362575]

Hi @MarcusNotheis , @Lukas742 can you please let us know if the team is looking into this issue

[Lukas742]

Hi @C5362575

The linked PR will enhance the announcements for standard UI5 Web Components inputs. Please note that for custom React components rendering a UI5 Web Component input, it is mandatory to pass the accessibleNameRef prop to the input Web Component. Without this, the association cannot be made.

[ui5-webcomponents-react-bot]

:tada: This issue has been resolved in version v1.28.2 :tada:

The release is available on v1.28.2

Your semantic-release bot :package::rocket: