[A11y Bug 12066688] Improve Location expand/collapse control contrast

[Copilot]

The notebook expand/collapse icon under Location had a 1.85:1 contrast ratio, below the 3:1 minimum for UI components.

• Theme-aware contrast
  • Apply the existing monochrome image filter to disclosure icons.
  • Preserve the current opacity and support both light and dark themes.
  • Raise contrast to at least 5.27:1 across default and hover states.

.collapse-arrow {
    filter: var(--modeIconImageFilter);
    opacity: 0.6;
}

Original prompt

[OneNote Clipper] [Web] [Contrast]: Expand/Collapse button under Location, fails minimum contrast requirement against background.

Work Item Details

Note: Please focus on the descriptions and information that provide context about the task requirements, functionality, and implementation details. Dates, priorities, and administrative metadata are less relevant for coding tasks.

Description

"Please do not close this bug. This bug should only be closed by TCS, E+D Accessibility tester after verification of the fix."

Environment Details:

Application Name: OneNote Clipper-web

Platform: Web

OS Version: Windows 11 25H2(26220.8764)

Edge Version: Version 150.0.4078.65 (Official build) (64-bit)

Repro Steps:

• Launch OneNote Web Clipper.
• Sign in with a valid account.
• Navigate to the notebook selection dropdown under Location.
• Expand the dropdown list.
• Inspect the Expand/Collapse button using Accessibility Insights for Windows Color Contrast Analyzer (CCA).
• Observe the contrast ratio result.

Actual Result:

The Expand/Collapse button does not meet the minimum contrast requirement for graphical objects and UI components. CCA reports a contrast ratio of approximately 1.848:1, resulting in a contrast failure against the adjacent background, making the control difficult to perceive.

Expected Result:

The Expand/Collapse button should have a contrast ratio of at least 3:1 against adjacent colors/backgrounds so that users can easily identify and interact with the control.

User Impact:

• Users with low vision or contrast sensitivity may have difficulty locating the Expand/Collapse button. The control may appear invisible or difficult to distinguish from the surrounding background. Users may miss the functionality to expand or collapse notebook options, impacting navigation and task completion.

MAS Reference:

MAS 1.4.11 – Non-text Contrast

"If the bug is invalid, incomplete, wrong severity, has unclear reproduction steps or attachments, please tag it with "A11yRCA" and provide a detailed comment on why the A11yRCA tag was added. However, do not add the "A11yRCA" tag if the bug is related to partners or if you have any questions about the bug."

Tags

A11yMAS; A11yRT; A11ySev3; Accessibility; FY27; MAS1.4.11; OneNoteClipper_Web; RT-July2026; TCS-E+D; Web

RCA Analysis

Was change validated in devMain first before porting to fork?

Why was Flighting|Backout not used?

Impact of bug (# users affected):

RCA and Mitigation/Fix Details:

What are you doing to prevent this in the future?

Work item: AB#12066688
Created via Azure DevOps

[Aanchal Bhansali (aanchalbhansali)]

Copilot Can we also check the contrast requirement of the notebook icons in that dropdown?

[Copilot]

Copilot Can we also check the contrast requirement of the notebook icons in that dropdown?

Checked the notebook hierarchy icons: their original color was 3.04:1 at rest but only 2.79:1 on hover/selection. Commit 4da2377 applies the theme-aware filter to notebook, section-group, and section icons, raising contrast to at least 14.55:1 across light/dark states.

[dewanymca]

Approved