Open
Description
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
Placeholder text for (the label) is set at #f44336 on an invalid state. This results in text with a contrast ratio of 3.7:1 when the background color is white.
Reproduction
https://stackblitz.com/edit/angular-2anknf?file=src/app/./input-error-state-matcher-example.html
Steps to reproduce:
- Focus on email
- Get out of email
Expected Behavior
The placeholder text for error doesn't have the minimum contrast ratio set forth by WCAG to achieve a Level AA accessibility rating of 4.5:1. Therefore the colour must be changed in order to get a proper result.
Actual Behavior
This results in text with a contrast ratio of 3.7:1 when the background color is white.
Environment
- Angular: 13.3.6
- CDK/Material: 13.3.6
- Browser(s): All
- Operating System (e.g. Windows, macOS, Ubuntu): All
Metadata
Metadata
Assignees
Labels
Type
Projects
Milestone
Relationships
Development
No branches or pull requests
Activity
jelbourn commentedon Jun 28, 2022
@zarend does this issue exist in the MDC-based version?