Record · corpus.blog/posts/01a07df3-be87-70de-9ec9-1750087b0518

Creating an Accessible Dialog from Scratch

smashingmagazine.com · published 28 July 2021

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 smashingmagazine.com Wayback capture

6blogs citing

First cited: 2 Aug 2021
Most recent: 14 Feb 2023
Rank this month: not ranked
Links from this post: 27
Words captured: 2,893

Cited by

Blog

In the post

Date

The A11Y Project

A guide to troublesome UI components Read at the source ↗

14 Feb 2023

12daysofweb.dev

HTML Dialog Read at the source ↗

18 Dec 2022

HTMHell

Modern HTML as a foundation for progressive enhancement Read at the source ↗

17 Dec 2022

Kitty Giraudel

2021 in Review Read at the source ↗

27 Dec 2021

danburzo.ro

wsf-xxv Read at the source ↗

11 Aug 2021

a11yweekly.com

The ADA — Digital Lessons from Adapting the Physical World Read at the source ↗

2 Aug 2021

Links from this post

Link

Host

https://www.smashingmagazine.com/category/browsers

smashingmagazine.com

https://www.smashingmagazine.com/category/interfaces

smashingmagazine.com

https://www.smashingmagazine.com/category/javascript

smashingmagazine.com

https://www.smashingmagazine.com/category/accessibility

smashingmagazine.com

https://a11y-dialog.netlify.app/

a11y-dialog.netlify.app

https://github.com/KittyGiraudel/focusable-selectors

github.com

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

github.com

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

github.com

aria-label is a xenophobe Read at the source ↗

heydonworks.com

https://www.smashingmagazine.com/2021/03/complete-guide-accessible-front-end-components/

smashingmagazine.com

https://a11y-dialog.netlify.app

a11y-dialog.netlify.app

https://github.com/scottaohara/accessible_modal_window

github.com

https://github.com/KittyGiraudel/react-a11y-dialog

github.com

https://reach.tech/dialog/

reach.tech

https://react-spectrum.adobe.com/react-aria/useDialog.html

react-spectrum.adobe.com

Comparing React Dialogs Read at the source ↗

github.com

https://github.com/morkro/vue-a11y-dialog

github.com

https://github.com/renatodeleao/a11y-vue-dialog

github.com

https://a11y-dialog.netlify.app/advanced/alert-dialog

a11y-dialog.netlify.app

https://a11y-dialog.netlify.app/advanced/scroll-lock

a11y-dialog.netlify.app

https://a11y-dialog.netlify.app/further-reading/dialog-element/

a11y-dialog.netlify.app

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

scottohara.me

https://a11y-dialog.netlify.app/advanced/nested-dialogs

a11y-dialog.netlify.app

https://www.smashingmagazine.com/2023/06/popular-devtools-tips/

smashingmagazine.com

https://www.smashingmagazine.com/2022/06/precise-timing-web-animations-api/

smashingmagazine.com

https://www.smashingmagazine.com/2024/12/creating-effective-multistep-form-better-user-experience/

smashingmagazine.com

https://www.smashingmagazine.com/2024/12/importance-graceful-degradation-accessible-interface-design/

smashingmagazine.com