From what I can tell, Voiceover/Safari support for aria-modal=“true” is still lacking. And general screenreader support for aria-haspopup=“dialog” is still poor. Until this situation changes, I’d probably refrain from using either one of these. The aria practices examples are only to show you some patterns you can use that meet the ARIA specification. That’s an important distinction.
Peter
--
Peter Weil
Web Developer
University Marketing, University of Wisconsin–Madison
608-220-3089
On Mar 30, 2022, at 9:12 AM, Bristow, Alan <Alan.Bristow@elections.ca<mailto:Alan.Bristow@elections.ca>> wrote:
> The difference from the example by Scott O’hara is that it uses aria-modal=”true” with role=”dialog”
Thank you for covering these points; modals are challenging(!) and it seems--at the moment--that there is no one single perfect solution for all cases.
For what it's worth, Scott O’hara talks about both the points:
aria-modal=”true”
https://github.com/scottaohara/accessible_modal_window#lack-of-features-are-not-bugs
role=”dialog”
https://github.com/scottaohara/accessible_modal_window#modal-dialog-base-markup
I do not feel qualified to firmly suggest his approach "better", and as he notes time is an issue (as it goes by, support improves), but from what I read it *seemed* that Scott O’hara's approach was also good.
Regards,
Alan