`Modal`: accept `role` as a prop
Is your feature request related to a problem? Please describe
Currently, the role of modals is hard-coded to dialog. However, ARIA also describes an alertdialog role, which is perfect for confirmation prompts or alerts that require user interaction.
Describe the solution you'd like
The Modal component should accept a role prop. If it's set to alertdialog, ensure that "keyboard and mouse interactions only operate within the dialog".
Describe alternatives you've considered
Passing role as a prop to Modal does not work because it's passed to the child div instead.
Additional context
https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/
role seems to work for me in the examples:
There is one small detail that it incorrectly toggles aria-modal off if you do that, which we can fix. but Are you seeing different behavior here?
Apologies, @jquense. I meant to open this one for react-bootstrap. I think I mixed up the tabs. Would it be possible to move it?
Sorry!