Reproduction link

Steps to reproduce

• Open the minimal reproduction example
• Use the browser Inspector to view the HTML for the Form.Item<label> elements
• Note that the <label> elements have title attributes that match the content inside the <label> element

What is expected?

<label> elements should not use title attributes, as they are redundant and at best offer no accessibility information. At worst, in this case, they can cause confusing repeated screen reader announcements. Unless working with an <iframe> title is often a worse solution for accessible naming than other options (e.g. alt , aria-label , aria-labelledby ) that are better supported across assistive technologies. In this case particularly, the content of the <label> does all of the work for us, so no additional attributes are needed.

References:

• How to use title attributes accessibly
• Support of the title attribute across technologies

What is actually happening?

The <label> element has a redundant title attribute value, which causes some assistive technologies, like screen readers, to provide an accessible name to the related <input> which is a duplicate value of the <label> content (e.g. "Name Name"). For some combinations of browsers and screen readers (e.g. VoiceOver + Chrome) the <label> content, while appropriately associated with the input field, won't be announced at all.
| Environment | Info |
| ------------ | ------------ |
| antd | 5.12.1 |
| React | 17.0.2 |
| System | MacOS Sonoma 14.1.2 |
| Browser | Chrome 119.0.6045.199 |