Use the dialog element (reasonably)
![](https://res.cloudinary.com/aarongustafson/image/fetch/q_100,f_auto,w_100,h_100,c_fill/https%3A%2F%2Fwww.scottohara.me%2Fassets%2Fimg%2Fscott.jpg)
The dialog
element is ready for prime time:
IMO, the dialog element has reached the tipping point of being the better option for web developers who need to implement dialogs in their web pages. The number of accessibility requirements a developer needs to be aware of, and the level of effort to implement custom ARIA dialogs is now largely taken care of by browsers.
Use it, don’t abuse it.