ARIA input field does not have an accessible name issue

[AnnapareddyHarsha]

Current Behavior

ARIA input field does not have an accessible name, Id attribute values are not unique,
When focus is on any graph element, screen reader announces graphic clickable.

New Behavior

While I am checking by using accessibility we are getting this error(Please find in attached Screen shot). After this fix I checked again by using accessibility we are not getting that error.

Related Issue(s)

ARIA input field does not have an accessible name issue.

Id attribute values are not unique.
When focus is on any graph element, screen reader announces graphic clickable.

Fixes #
Code changes for ARIA input field does not have an accessible name, Id attribute values are not unique,
When focus is on any graph element, screen reader announces graphic clickable. After this code It is working fine as epected.

Files changes in
AreaChat, Grouped StackBar chat and vertical StackBar chat.

[ghost]

All CLA requirements met.

[codesandbox-ci]

This pull request is automatically built and testable in CodeSandbox.

To see build info of the built libraries, click here or the icon next to each commit SHA.

Latest deployment of this branch, based on commit f3ef186:

Sandbox	Source
@fluentui/react 8 starter	Configuration
@fluentui/react-components 9 starter	Configuration

[fabricteam]

📊 Bundle size report

_{🤖 This report was generated against d1ac3a2a447caff9c48724a964cf736d4b2678ce}

[size-auditor]

Asset size changes

Size Auditor did not detect a change in bundle size for any component!

Baseline commit: d1ac3a2a447caff9c48724a964cf736d4b2678ce (build)

[Hotell]

can you provide proper PR description as well please like to demonstrate existing behaviour and what's the changed one ?

thanks!

[AnnapareddyHarsha]

Code changes for ARIA input field does not have an accessible name, Id attribute values are not unique.
When focus is on any graph element, screen reader announces graphic clickable for Vertical Stack Bar and Grouped Vertical Bar Chat and Area Chat.

[AnnapareddyHarsha]

@Hotell Please review this PR. Followed your comments and Changes are made related to

ARIA input field does not have an accessible name, Id attribute values are not unique,
When focus is on any graph element, screen reader announces graphic clickable.

Changed Files are related to Vertical Stack Bar and Grouped Vertical Bar Chat and Area Chat.

[AnnapareddyHarsha]

While I am checking by using accessibility we are getting this error(Please find in attached Screen shot). After this fix I checked again by using accessibility we are not getting that error.