Non-text contrast ratio between keyboard focus and background of 'Edit' button is less than required 3:1 ratio.

[msftedad]

Is this a regression?

• [ ] Yes, this behavior used to work in the previous version

The previous version in which this bug was not present was

No response

Description

Users with limited visions will not be able to see the focus between keyboard focus and background on 'Edit' clearly.

Reproduction

Steps to reproduce:

1. Open URL: https://material.angular.io/components/button/overview
2. Expand sample selection and navigate to controls
3. Verify whether the Non-text contrast ratio between keyboard focus and background of 'Edit' button is less than required 3:1 ratio or not.

Expected Behavior

Non-text contrast ratio between focus and background of 'Edit' button should be greater than and equal to 3:1.

Actual Behavior

Non-text contrast ratio between focus and background of 'Edit' button is 1.3:1 which is less than 3:1.

Environment

• Angular:
• CDK/Material:
• Browser(s): Edge Browser Version 122.0.2365.8
• Operating System (e.g. Windows, macOS, Ubuntu): Windows 11 22H2 OS Build: 23620.1000

[DBowen33]

Foreground color of three dots and background color of active/focused state pass color contrast ratio (7.42).

To pass 1.4.11 Non-Text Contrast (AA), we only take into account the control graphic (three dots) against the immediate background (active/focused state). While the active/focused state circle technically does not meet color contrast against the white background, it is not included as one of the criterion to pass 1.4.11 because it is not part of the information indicating the button’s presence and purpose.

[msftedad]

@DBowen33, Thanks for the information.As per the discussion with PO team we have closed our issue. You can close this issue.