[do not review] Fix View options expanded state announcement

[Adam Ratzman (adamint)]

Description

Fixes #17466

The Resources page "View options" menu button now exposes a real expanded/collapsed state to assistive technology. Previously the Blazor bool attribute rendering could leave aria-expanded absent while collapsed and empty while expanded, so screen readers did not have a reliable state to announce.

User-facing usage

Keyboard and screen reader users can now hear the View options menu button state when it is toggled:

Closed: aria-expanded="false"
Open:   aria-expanded="true"

After-fix Playwright evidence showed the View options button with aria-expanded="false" when closed, aria-expanded="true" when open, and the accessibility snapshot reported button "View options" [expanded].

Checklist

• Is this feature complete?
  • Yes. Ready to ship.
  • No. Follow-up changes expected.
• Are you including unit tests for the changes and scenario tests if relevant?
  • Yes
  • No
• Did you add public API?
  • Yes
    • If yes, did you have an API Review for it?
      • Yes
      • No
    • Did you add <remarks /> and <code /> elements on your triple slash comments?
      • Yes
      • No
  • No
• Does the change make any security assumptions or guarantees?
  • Yes
    • If yes, have you done a threat model and had a security review?
      • Yes
      • No
  • No

[github-actions]

🚀 Dogfood this PR with:

⚠️ WARNING: Do not do this without first carefully reviewing the code of this PR to satisfy yourself it is safe.

curl -fsSL https://raw.githubusercontent.com/microsoft/aspire/main/eng/scripts/get-aspire-cli-pr.sh | bash -s -- 17774

Or

• Run remotely in PowerShell:

iex "& { $(irm https://raw.githubusercontent.com/microsoft/aspire/main/eng/scripts/get-aspire-cli-pr.ps1) } 17774"

[Adam Ratzman (adamint)]

Evidence artifacts for #17466 are uploaded here: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17466

After-fix evidence shows the View options button now has aria-expanded=\"false\" when closed and aria-expanded=\"true\" when open, with the accessibility snapshot reporting button \"View options\" [expanded].

Useful files:

• Before video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/before.webm
• After video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/after.webm
• After state JSON: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/view-options-after.json

[Adam Ratzman (adamint)]

Correction: I replaced the earlier videos with annotated evidence that visibly shows the relevant accessibility state on-screen.

Updated artifact folder: https://github.com/adamint/aspire/tree/a11y-artifacts-20260601042635/17466

Most useful files:

• Annotated before video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/annotated-before.webm
• Annotated after video: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/annotated-after.webm
• Before state JSON: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/17466-before-fix.json
• After state JSON: https://raw.githubusercontent.com/adamint/aspire/a11y-artifacts-20260601042635/17466/17466-after-fix.json

The annotated before capture shows aria-expanded is absent/empty. The annotated after capture shows aria-expanded=\"false\" when closed and aria-expanded=\"true\" when open, with the accessibility snapshot reporting [expanded].

[Adam Ratzman (adamint)]

I verified this in a real browser with Playwright against main and this PR. Repro host was the dashboard mock app with TestResource plus TestResource child, then Resources > View options.

Steps: open Resources, open View options, inspect the View options button while the popup is open. On main, aria-expanded was missing/false. On this PR, it is true while the menu is open.

Proof:

{"pr":"17774","phase":"base","before":"false","after":"true"}
{"pr":"17774","phase":"pr","before":"false","after":"true"}

[Adam Ratzman (adamint)]

Adding the visual proof too; the earlier verification comment had the browser details but the proof was too JSON-heavy.

I used Chromium against seeded dashboard mock host with TestResource / TestResource child. Steps: opened Resources, clicked View options, and read aria-expanded before/after opening the popup.

main / before: Before opening: aria-expanded=(missing) After opening: aria-expanded=

this PR / after: Before opening: aria-expanded=false After opening: aria-expanded=true

this PR also returns aria-expanded=false after choosing a menu item and closing the popup

MP4 proof, not webm, with visible keyboard/mouse/focus trace overlay: https://raw.githubusercontent.com/adamint/aspire/c39fcb45309be7a7cf64777cebc78fa0ca482095/proof/a11y/17774/pr-17774-visual-proof.mp4

Contact sheet with the before/after screenshots: https://raw.githubusercontent.com/adamint/aspire/c39fcb45309be7a7cf64777cebc78fa0ca482095/proof/a11y/17774/pr-17774-contact-sheet.png

[Adam Ratzman (adamint)]

Condensed into #17926 to keep the related Resources a11y changes together. Closing this smaller draft.