#dialog

[ follow ]
#web-accessibility #focus-management #inert #wcag #view-transitions #accessibility #progressive-enhancement
fromCSS-Tricks
1 day ago

There is No Need to Trap Focus on a Dialog Element | CSS-Tricks

WCAG is not normatively stating focus must be trapped within a dialog. Rather, the normative WCAG spec makes zero mention of requirements for focus behavior in a dialog. The informative 2.4.3 focus order understanding doc does talk about limiting focus behavior within a dialog - but again, this is in the context of a scripted custom dialog and was written long before inert or <dialog> were widely available.
UX design
JavaScript
fromMedienbaecker
1 month ago

Dialog view transitions Medienbacker Thomas Gunther

View transitions can combine with the &lt;dialog&gt; element to create smooth, accessible animated dialog openings using showModal(), dialog.close(), and progressive enhancement.
[ Load more ]