Feature/#94258 extend aria label translations

[vj-venkatesan]

Success criteria

Please describe what should be possible after this change. List all individual items on a separate line.

• All aria-labels should be configurable for accessibility
• All default aria-labels should be rendered correctly
• When configured through settings the aria-labels should be rendered accordingly

How to test

Please describe the individual steps on how a peer can test your change.

1. Open any webchat endpoint
2. Use the ariaLabels setting inside customTranslations and modify any labels
3. Inspect the modified label in the dev tools , observe the changes reflected

Security

• Possible injection vector
• Authentication/Access controls touched
• Sensitive Data could be exposed
• XSS
• Logging/Monitoring touched
• Exchanges data with external systems
• No security implications

Additional considerations

• This PR might have performance implications

Documentation Considerations

These are hints for the documentation team to help write the docs.

[Copilot]

Copilot reviewed 19 out of 19 changed files in this pull request and generated 1 comment.

Comments suppressed due to low confidence (1)

src/webchat-ui/components/plugins/input/file/PreviewUploadedFiles.tsx:114

• [nitpick] The variable name 'removeFileAttachment' is ambiguous since it represents an aria-label value; consider renaming it to 'removeFileAttachmentLabel' to improve clarity.

aria-label={`${removeFileAttachment ?? "Remove File Attachment"} ${index + 1}`}

[sushmi21]

Looks good. There are some aria-labels in the chat-components repo too. That can go in a follow-up PR as well. Also, in addition to aria-labels, we have hidden screen-reader only texts that also needs translation :(

[vj-venkatesan]

Also, in addition to aria-labels, we have hidden screen-reader only texts that also needs translation :(

This is not a lot , I can include it in the same PR . wdyt ?

[vj-venkatesan]

There are some aria-labels in the chat-components repo too.

Ah I did not know that , are they hard coded there ?

[sushmi21]

There are some aria-labels in the chat-components repo too.

Ah I did not know that , are they hard coded there ?

Yes. There are aria-labels and screen-reader-only texts in chat-components too

[vj-venkatesan]

Looks good. There are some aria-labels in the chat-components repo too. That can go in a follow-up PR as well. Also, in addition to aria-labels, we have hidden screen-reader only texts that also needs translation :(

I have resolved all your comments and added SR only texts. Could you please check again ?

As agreed will create a follow up for integrating chat components

[sushmi21]

Suggestion: I think ariaLabels and Screen-reader objects can be combined. Both aria-label and screen-reader only texts are not visible in the screen and used by screen readers. So, it does not make a difference to our customer building a bot.

[vj-venkatesan]

Fixed this