Our great sponsors
-
SurveyJS
Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.
If it's a warning it should probably be role="alertdialog" rather than role="dialog". This will allow assistive devices to prioritize its content and trigger things like an alert sound. You probably also want to put keyboard focus on the least destructive action, which in your case would be the "save changes" button, rather than leaving keyboard focus above the close button. Here's a script by Kitty Giraudel that will do most of this for you, if you want.
Related posts
- HugoGiraudel/a11y-dialog: A lightweight and flexible accessible modal dialog
- ADA Compliance Made Easy: ADA Testing for Websites and Applications
- How to Write Accessible Technical Documentation – Best Practices with Examples
- 🤯 150 Articles to Satisfy Your Curiosity
- Responsive design and cross-device testing