microsoft / microsoft/calculator

Luminosity ratio of keypad toggle buttons in “Programmer” window is less than 4.5:1

Open
#384 1 comment 0 reactions 0 assignees View on GitHub

Nobody has claimed this yet.

Area: Accessibility Bug Pri: 3 triage approved
Dominant language
C#
Stars
31.1k
Forks
5.8k
PR merge metrics
No merged PRs in 30d

Description

Repro Steps

  • Launch "Calculator" app.
  • Navigate to "Programmer" window.
  • Navigate to Selected "Full keypad" and “Bit toggling keypad” radio buttons.
  • By using color contrast analyzer, verify the luminosity ratio of "Full keypad" and “Bit toggling keypad” buttons.

Note: The same issue is repro for Selected Bit buttons in Bit toggling keyboard window. Please refer attachment.

image

Actual Result
Luminosity ratio of Selected "Full keypad" and “Bit toggling keypad” radio buttons is 3.6:1.

Expected Result
Luminosity ratio of “Selected "Full keypad" and “Bit toggling keypad” radio buttons should be minimum 4.5:1. We should be using the right AccentColor variant on top of acrylic to ensure legibility.

For example, using the same tool, we can capture the lighter variant the Maps app uses (top is Maps foreground, while bottom is Calculator)

image

Test Environment
OS Version: Windows 10 Build 18351.1
App Name: Calculator
App Version: 10.1902.16.0

Contributor guide

Open the contributing guide

First steps

  1. Read the whole issue, then the project's contributing guide.
  2. Comment on the issue to say you are picking it up — it saves two people doing the same work.
  3. Fork the repository and make your change on a branch.
  4. Open a pull request that references the issue number.

Research direction

Start by reproducing the contrast measurements in the Calculator app's Programmer window for the Full keypad, Bit toggling keypad, and selected Bit buttons. Compare the selected-button colors with the expected minimum 4.5:1 ratio and verify the updated appearance with a color contrast analyzer.

Written by the indexing model from the issue text.

Assessment

Tech stack
csharp
Domain
accessibility, frontend
Issue type
Bug
Difficulty
3/5
Estimated time
1-2 days
Activity status
Stale
Clarity
Mostly clear
Newbie friendliness
45/100

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.