Invalid ARIA attribute is defined for the dropdown controls present in the page.

[msftedad]

Describe the bug
Invalid ARIA attribute is defined for the dropdown controls present in the page. When dropdown controls on a page have an invalid ARIA attribute, it can interfere with the functionality of assistive technologies. This makes it challenging for users who depend on these technologies to interact with the dropdown controls, resulting in a frustrating and less efficient experience.
Invalid ARIA attribute is defined for the dropdown controls present in the page. invalid attribute as aria-controls="rz-accordiontab-1-content" is defined for dropdown controls like 'orders'.
Observation:
Screen reader is not narrating the name and state on expanding/collapsing the dropdown controls.
Focus indicator is visible on the whole section when focus is on the individual dropdown element.

To Reproduce
Steps to reproduce the behavior:

1. Open the Blazor Accordion Component | Free UI Components by Radzen on edge browser.
2. Turn on accessibility insights tool fast pass for web and run it.
3. Observe whether Invalid ARIA attribute is defined for the dropdown controls present in the page or not.

Expected behavior
Ensure valid ARIA attribute is defined for the dropdown controls present in the page.

Screenshots

Invalid.ARIA.attribute.is.defined.for.the.dropdown.controls.present.in.the.page_Screen.reader.mp4

Desktop (please complete the following information):
Window 11 24H2 26100.2605
Edge Browser Version 131.0.2903.146
Tools used: Accessibility insights for web

Additional context
While navigating using NVDA and jaws focus is giving to the whole section of the dropdowns and not narrating the control name, role and state.
While navigating using narrator screen reader is not narrating the expanded/collapsed state of the controls when focus is on the dropdown controls by navigating among them using up and down arrow keys and activating them using Enter key.