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/
Is your feature request related to a problem? Please describe
Currently, the role of modals is hard-coded to
dialog. However, ARIA also describes analertdialogrole, which is perfect for confirmation prompts or alerts that require user interaction.Describe the solution you'd like
The
Modalcomponent should accept aroleprop. If it's set toalertdialog, ensure that "keyboard and mouse interactions only operate within the dialog".Describe alternatives you've considered
Passing
roleas a prop toModaldoes not work because it's passed to the childdivinstead.Additional context
https://www.w3.org/WAI/ARIA/apg/patterns/alertdialog/