Provide a general summary of the issue here
When using AlertDialog (with role="alertdialog"), the component renders without aria-describedby.
According to the W3C specification, authors SHOULD use aria-describedby on an alertdialog to reference the alert message element in the dialog.
https://www.w3.org/TR/wai-aria-1.2/#alertdialog
🤔 Expected Behavior?
I think one of the following behaviors should be expected:
AlertDialog automatically assigns an ID to the content element and sets aria-describedby on the dialog to reference it.
- A development warning is shown when a rendered alertdialog lacks
aria-describedby
😯 Current Behavior
AlertDialog renders without aria-describedby by default.
💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
https://codesandbox.io/p/sandbox/happy-saha-jtm36v?file=%2Fsrc%2FApp.js%3A26%2C1
Version
3.31.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
macOS
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response
Provide a general summary of the issue here
When using
AlertDialog(withrole="alertdialog"), the component renders withoutaria-describedby.According to the W3C specification, authors SHOULD use
aria-describedbyon analertdialogto reference the alert message element in the dialog.https://www.w3.org/TR/wai-aria-1.2/#alertdialog
🤔 Expected Behavior?
I think one of the following behaviors should be expected:
AlertDialogautomatically assigns an ID to the content element and setsaria-describedbyon the dialog to reference it.aria-describedby😯 Current Behavior
AlertDialogrenders withoutaria-describedbyby default.💁 Possible Solution
No response
🔦 Context
No response
🖥️ Steps to Reproduce
https://codesandbox.io/p/sandbox/happy-saha-jtm36v?file=%2Fsrc%2FApp.js%3A26%2C1
Version
3.31.0
What browsers are you seeing the problem on?
Chrome
If other, please specify.
No response
What operating system are you using?
macOS
🧢 Your Company/Team
No response
🕷 Tracking Issue
No response