Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification.
Leveraging SWE Agent can help accelerate this accessibility bug fix; review and validate all AI generated changes before merge.
Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours.
"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."
GitHub Tags
#A11yTCS; A11yMAS; #A11ySev2; #DesktopWeb; #Win11; #Chrome; #Aspire; #E2E_AspireDashboard_Web_May2026; #WCAG1.4.1; #UseofColor; #FTP; #ES Chat; #copilot:agent=a11yagent;
Issue Subcategory
Toggle and state controls
User Experience
Users with low vision or color vision deficiencies may not perceive the state (on/off, selected/unselected) if it relies only on color, leading to confusion and incorrect interactions.
Repro Steps
Change system resolution to 1280 * 768 and zoom browser size to 200% >Install Aspire CLI > Clone the Aspire repository https://github.com/microsoft/aspire/tree/main/playground/TestShop > From the console output, copy or open the Dashboard URL > Hamburger button > Observe issue: Selection state is conveyed using color only in resize view.
Actual Result
In the resize view, the selected section (e.g., “Structured”) is indicated only through a change in color. No additional visual indicator is provided to differentiate the selected state.
Expected Result
The selected section should not rely on color alone. It should include an additional non‑color visual indicator (e.g., icon, underline, bold text, or selection marker) to clearly convey the selected state.
How to Fix
Provide non-color indicators for state, such as on/off text, check marks, icons, or distinct patterns, and ensure the programmatic state is also exposed with the appropriate semantic or ARIA state (for example, aria-pressed, aria-checked, or native checked/selected states).
Environment details
Application Name: Aspire Dashboard
Edition Windows 11 Enterprise
Version 25H2
OS build 26200.8390
Attachment
Please do not close this bug. This bug should only be closed by TCS, C+AI Accessibility tester after bug verification.
Leveraging SWE Agent can help accelerate this accessibility bug fix; review and validate all AI generated changes before merge.
Try ES Chat to learn more about the MAS rule and how to fix the issue. If you need more help, use our Teams channel or office hours.
"Check out Accessibility Insights! - Identify accessibility bugs before check-in and make bug fixing faster and easier."
GitHub Tags
#A11yTCS; A11yMAS; #A11ySev2; #DesktopWeb; #Win11; #Chrome; #Aspire; #E2E_AspireDashboard_Web_May2026; #WCAG1.4.1; #UseofColor; #FTP; #ES Chat; #copilot:agent=a11yagent;
Issue Subcategory
Toggle and state controls
User Experience
Users with low vision or color vision deficiencies may not perceive the state (on/off, selected/unselected) if it relies only on color, leading to confusion and incorrect interactions.
Repro Steps
Change system resolution to 1280 * 768 and zoom browser size to 200% >Install Aspire CLI > Clone the Aspire repository https://github.com/microsoft/aspire/tree/main/playground/TestShop > From the console output, copy or open the Dashboard URL > Hamburger button > Observe issue: Selection state is conveyed using color only in resize view.
Actual Result
In the resize view, the selected section (e.g., “Structured”) is indicated only through a change in color. No additional visual indicator is provided to differentiate the selected state.
Expected Result
The selected section should not rely on color alone. It should include an additional non‑color visual indicator (e.g., icon, underline, bold text, or selection marker) to clearly convey the selected state.
How to Fix
Provide non-color indicators for state, such as on/off text, check marks, icons, or distinct patterns, and ensure the programmatic state is also exposed with the appropriate semantic or ARIA state (for example, aria-pressed, aria-checked, or native checked/selected states).
Environment details
Application Name: Aspire Dashboard
Edition Windows 11 Enterprise
Version 25H2
OS build 26200.8390
Attachment