Dropdown: Error message referenced by aria-describedby was not announced

[ssaniel]

Describe the bug
Error message referenced by aria-describedby was not announced.

To Reproduce

1. Open up any form
2. Supply invalid input to a dropdown
3. Save (Error message should be visible)
4. press 'Tab' to focus the dropdown

Expected behavior
Error message of the dropdown should be announced.

Version
ids-enterprise: 4.50.2

Platform
Infor Application/Team Name: HCM
OS Version: Windows 10
Browser Name: Chrome
Browser Version: Version 90.0.4430.85 (Official Build) (64-bit)

Additional context

• Used NVDA and ChromeVox to test the fix
  Probably the reason why screen reader cannot announce the error message is because the focused element in the dropdown is the div not select and aria-describedby was added in select tag. Please see attached screenshot

[tmcconechy]

This can be reproduced on https://master-enterprise.demo.design.infor.com/components/dropdown/example-validation.html

• select the blank item
• tab back in the field

Need to somehow connect the label ? maybe add aria-described by or append to the aria-label.

[jbrcna]

This has been QA tested and passed on v4.56.0-dev.
verified in https://main-enterprise.demo.design.infor.com/components/dropdown/example-validation.html