Add modal-window accessibility testing resource

[Müslüm Yılmaz (MuslumYilmaz)]

Fixes #3909

Rendered article section for review:

• Resources for accessibility testing > External articles and websites
  • /accessibility/test.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/accessibility/test?branch=pr-en-us-3911#external-articles-and-websites
  • External preview: https://github.com/MuslumYilmaz/edge-developer/blob/docs/modal-accessibility-testing-resource/microsoft-edge/accessibility/test.md#external-articles-and-websites
  • Before/live: https://learn.microsoft.com/microsoft-edge/accessibility/test#external-articles-and-websites
  • Added a list item about a modal windows/dialogs accessibility testing scenario:
    • [Modal opens visually but fails screen-reader users] ( https://frontendatlas.com/incidents/modal-screen-reader-failure ) - A guided React debugging scenario covering dialog naming, keyboard focus containment, background isolation, focus restoration, and behavior-based regression testing.

---

Incidental files

• Resources about building accessible websites

  • /accessibility/build/index.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/accessibility/build/index?branch=pr-en-us-3911
  • External preview: https://github.com/MuslumYilmaz/edge-developer/blob/docs/modal-accessibility-testing-resource/microsoft-edge/accessibility/build/index.md
  • Before/live: https://learn.microsoft.com/microsoft-edge/accessibility/build/
  • Added a local TOC at top of article.
    • to help look for the section that previously added too many external tool entries to maintain and constantly expand.

• Emulate and test other browsers > Cloud-based emulators and simulators

  • /devtools/device-mode/testing-other-browsers.md
  • Internal preview: https://review.learn.microsoft.com/microsoft-edge/devtools/device-mode/testing-other-browsers?branch=pr-en-us-3911#cloud-based-emulators-and-simulators
  • External preview: https://github.com/MuslumYilmaz/edge-developer/blob/docs/modal-accessibility-testing-resource/microsoft-edge/devtools/device-mode/testing-other-browsers.md#cloud-based-emulators-and-simulators
  • Before/live: https://learn.microsoft.com/microsoft-edge/devtools/device-mode/testing-other-browsers#cloud-based-emulators-and-simulators
  • Added a local TOC at top of article.
    • to help look for the section that previously added too many external tool entries to maintain and constantly expand.
      • This was the problematic, too high-Maint. section.
        • The section is no longer problematic; some time ago, removed the list of external products, replaced by MDN link.

AB#63675935

---

Summary

This PR adds a public, guided modal accessibility debugging scenario to the article section External articles and websites in the article Resources for accessibility testing.

The scenario complements the article’s manual-testing guidance by covering:

• Dialog naming
• Keyboard focus containment
• Background isolation
• Focus restoration
• Behavior-based regression testing.

No screenshots or other third-party assets are added.

Validation

• Confirmed that the link uses the canonical HTTPS URL and the destination’s page title.
• Confirmed that the scenario is public and doesn’t require sign-in.
• Checked the Markdown preview, and verified that the diff changes only microsoft-edge/accessibility/test.md.
  • (In this PR, I added a local TOC in two other articles, to look for the previously problematic section that listed external tools. - M.H.)
• The automated Microsoft Learn build and staged preview will be reviewed when posted.

Addresses #3909.

Disclosure: I’m the founder and maintainer of FrontendAtlas. The linked scenario is public and free; some separate exercises elsewhere on the site are optional premium.

[Michael Hoffman (mikehoffms)]

I am looking around the docset trying to find which section was problematic b/c turned into a list of non-Microsoft tools.

It was a list of tools from various companies.

The section became too high-maintenance, w/ too many non-Microsoft companies trying to list and advertise/promote too many tools; not sustainable.

Toward that search for the old section (listing external tools), in this PR, in a related article (or two), added a local TOC.

Patrick Brosset (@captainbrosset)

Found the previously problematic article section:
https://learn.microsoft.com/microsoft-edge/devtools/device-mode/testing-other-browsers#cloud-based-emulators-and-simulators
The maint. problem was solved there by replacing the list of non-Microsoft products by an MDN link.

[Michael Hoffman (mikehoffms)]

IMO, Müslüm Yılmaz (@MuslumYilmaz), this PR, so far as it goes, is not problematic.
But, we can't promise to retain the Modal entry, if this section becomes problematic to maintain b/c too many companies try to list a product here.
I recommend / Approve this PR, w/ caveat that any non-Microsoft product/tool mentions, are subject to deletion at any time (to reduce Maint. overhead).

The problematic past section that I'm looking for, at one point, added a note that no further additions of tools will be made, and that this is just a suggestive list.

Found the previously problematic article section:
https://learn.microsoft.com/microsoft-edge/devtools/device-mode/testing-other-browsers#cloud-based-emulators-and-simulators
The maint. problem was solved there by replacing the list of non-Microsoft products by an MDN link.

[Müslüm Yılmaz (MuslumYilmaz)]

@microsoft-github-policy-service agree

[Müslüm Yılmaz (MuslumYilmaz)]

Thanks for the clarification and for approving the PR, Michael Hoffman (@mikehoffms). I understand that non-Microsoft resource entries may be removed if this section becomes difficult to maintain, and that caveat is completely reasonable. The intent here is simply to contribute a focused, freely accessible accessibility-testing scenario, not to establish a permanent product listing.

[Michael Hoffman (mikehoffms)]

LGTM - Writer/Editor

[learn-build-service-prod]

Learn Build status updates of commit 653fb55:

✅ Validation status: passed

File	Status	Preview URL	Details
microsoft-edge/accessibility/build/index.md	✅Succeeded	View
microsoft-edge/accessibility/test.md	✅Succeeded	View
microsoft-edge/devtools/device-mode/testing-other-browsers.md	✅Succeeded	View

For more details, please refer to the build report.