Reproduction link

Steps to reproduce

• Open the minimal reproduction in Google Chrome
• Open the Devtools inspector (key command F12 or right-click and select Inspect)
• Open the Accessibility menu
• Use the Selection tool to select either element
• The Accessibility menu's Computed Properties will update to show the has a Name of "", meaning no accessible name has been provided

What is expected?

The Accessibility menu's Computed Properties should show the Name of the as the value added to the addOnBefore/addOnAfter content, as this content appears to be used as a label for the field

What is actually happening?

The is not associated with the addOnBefore/addOnAfter content, and therefore the Accessibility menu's Computed Properties show the Name as blank, meaning non-visual users have no context for this field's purpose
| Environment | Info |
| ------------ | ------------ |
| antd | 5.12.1 |
| React | 17.0.2 |
| System | MacOS Sonoma 14.1.2 |
| Browser | Chrome 119.0.6045.199 |

This bug was encountered while doing accessibility testing on some ANT components in a product we are maintaining
The addOnBefore/addOnAfter elements could be changed to elements, or:

• the addOnBefore/addOnAfter element could be given unique id attribute, then
• the related could be given an aria-labelledby attribute with a value that matches the unique id on the

Either of these methods will provide the contents of the addOnBefore/addOnAfter content as the accessible name of the field