[a11y]: Downshift a11y helper text causes error

[dakahn]

Package

carbon-components-react

Browser

No response

Operating System

No response

Package version

latest

Automated testing tool and ruleset

JAWS

Assistive technology

No response

Description

Regarding the input…. the error message is coded as:
<div role="alert" class="bx--form-requirement" id="comment_1.1.1-error-msg">External comment is required</div>

"The default of an alert is aria-live=assertive. So, if you set the error to show when the input is blurred… you tab off of the input, the alert is announced, and the thing that you tabbed to is not announced at all (squashed by the assertive). I /think/ adding aria-live="polite" will ensure the message is announced, but won’t squash the announcement of the thing I’ve tabbed to. Unfortunately, I don’t have a great way of really testing this to confirm what it would do as polite."

WCAG 2.1 Violation

No response

CodeSandbox example

https://codesandbox.io/s/github/carbon-design-system/carbon/tree/main/packages/react/examples/codesandbox

Steps to reproduce

see above

Code of Conduct

• I agree to follow this project's Code of Conduct
• I checked the current issues for duplicate problems

[carbon-bot]

Hi there! 👋 You may have seen that v10 reached it's end of support on September 30, 2024. In the interest of keeping a tidy issue queue, issues flagged as relating to v10 will be closed.

If this issue is still relevant, please open a new issue with a link to this issue and a reproduction that uses v11.

Thanks again for your participation and contributions to this issue and the Carbon ecosystem! 💙