You signed in with another tab or window. Reload to refresh your session.You signed out in another tab or window. Reload to refresh your session.You switched accounts on another tab or window. Reload to refresh your session.Dismiss alert
Making modal dialogs accessible is not easy — see the [W3C][wai]’s [dialog.js][] file for the [modal APG pattern][apg] for an example of what’s involved.
63
63
64
-
Using a native `<dialog>` for the modal overlays in your web site or app has a number of benefits:
64
+
Using a native `<dialog>` for the modal overlays in your web site or app has significant benefits:
65
65
66
66
* A clearly defined [API][dlg],
67
67
* Fully stylable with CSS,
68
68
*[Well supported][cani] by browsers,
69
69
* Built-in [accessibility][], including keyboard and screen reader accessibility.
70
70
71
-
If you still prefer a non-native dialog, please consider using a library such as [Kitty Giraudel][kitty]’s [a11y-dialog][].
71
+
If you still prefer a non-native dialog, please consider using a library built with accessibility in mind, such as [Kitty Giraudel][kitty]’s [a11y-dialog][].
72
72
73
73
## Acknowledgements
74
74
@@ -87,7 +87,7 @@ Thanks to contributors on [Stackoverflow][so] for inspiration!
0 commit comments