Record · corpus.blog/posts/01a0bdd7-3a6f-714c-8ab1-37b5aa85d387

Dialogs and shadow DOM: can we make it accessible?

Nolan Lawson · published 14 June 2022

A record is what was published and who pointed at it. The text of the post is not held here: read it at the source, or at its Wayback capture.

Read the post at nolanlawson.com Wayback capture

3blogs citing

First cited: 27 Jun 2022
Most recent: 14 Apr 2024
Rank this month: not ranked
Links from this post: 39
Words captured: 1,759

Cited by

Blog

In the post

Date

jschof.dev

Web Components and You (part 7): Let's talk about Shadow DOM mode Read at the source ↗

14 Apr 2024

Sam Hermes

Giving the dialog element a whirl Read at the source ↗

25 Feb 2023

a11yweekly.com

Using Accessibility Literacy to Counter Accessibility Ignorance Read at the source ↗

27 Jun 2022

Links from this post

Link

Host

Managing focus in the shadow DOM Read at the source ↗

nolanlawson.com

https://caniuse.com/dialog

caniuse.com

https://caniuse.com/mdn-api_htmlelement_inert

caniuse.com

https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM

developer.mozilla.org

https://bkardell.com/

bkardell.com

https://github.com/angular/angular/blob/3a60063a54d850c50ce962a8a39ce01cfee71398/packages/platform-browser/src/dom/dom_renderer.ts

github.com

https://www.fast.design/docs/fast-element/working-with-shadow-dom

fast.design

https://lit.dev/docs/components/shadow-dom/

lit.dev

https://github.com/salesforce/lwc/blob/c828bfe0c481219e2f5406f9bcfada9b92b2a60c/packages/%40lwc/engine-core/src/framework/api.ts

github.com

https://github.com/rstacruz/remount/blob/8bd440e5115161a292ba44c4f8befc39d1cba535/src/strategies/custom_elements.js

github.com

https://github.com/ionic-team/stencil/blob/2ffb5033e8eacc3eb8c38f6d8e3be4f91d1b1f22/src/runtime/bootstrap-custom-element.ts

github.com

https://github.com/sveltejs/svelte/blob/dbbac2837e987ab3cf76ea901e4956c057919a96/src/runtime/internal/Component.ts

github.com

https://github.com/vuejs/core/blob/8a123ac34fd30fc36ac9e0c252dd345d6d7c7f50/packages/runtime-dom/src/apiCustomElement.ts

github.com

https://toot.cafe/@nolan/108465739686253184

toot.cafe

https://chromestatus.com/metrics/feature/popularity

chromestatus.com

https://w3c.github.io/aria-practices/examples/dialog-modal/dialog.html

w3c.github.io

https://www.w3.org/WAI/ARIA/apg/patterns/dialogmodal/

w3.org

https://www.npmjs.com/package/tabbable

npmjs.com

https://api.jqueryui.com/tabbable-selector/

api.jqueryui.com

https://github.com/salesforce/kagekiri

github.com

https://github.com/KittyGiraudel/a11y-dialog/issues/322

github.com

https://github.com/KittyGiraudel/a11y-dialog/pull/397

github.com

https://www.scottohara.me/blog/2019/03/05/open-dialog.html

scottohara.me

https://github.com/whatwg/html/issues/5678

github.com

https://css-tricks.com/dialog-components-roll-your-own/

css-tricks.com

https://github.com/w3c/html/issues/1667

github.com

https://github.com/w3c/aria-practices/issues/1615

github.com

https://web.dev/building-a-dialog-component/

web.dev

https://github.com/whatwg/html/wiki/dialog--initial-focus,-a-proposal

github.com

https://codepen.io/nolanlawson-the-selector/pen/bGLOpxX0

codepen.io

https://bl.ocks.org/nolanlawson/raw/cdeff78cc96d6654b703235f93d850da/

bl.ocks.org

https://bugs.chromium.org/p/chromium/issues/detail?id=383230

bugs.chromium.org

https://bugzilla.mozilla.org/show_bug.cgi?id=1741936

bugzilla.mozilla.org

https://bugs.webkit.org/show_bug.cgi?id=233320

bugs.webkit.org

https://bl.ocks.org/nolanlawson/raw/a49e02e6129714cd1a3606b4353d4b33/

bl.ocks.org

https://github.com/w3c/aria-practices/issues/1772

github.com

https://bl.ocks.org/nolanlawson/raw/13cbc222f8aa47ffd3e5e28838122d4b/

bl.ocks.org

https://html.spec.whatwg.org/multipage/interactive-elements.html

html.spec.whatwg.org

https://github.com/nolanlawson/pinafore/pull/2031

github.com