Potential A11y Violation:
Insufficient color contrast
Point of Failure
Text (or images of text, but don't do that) must have sufficient color contrast (4.5:1). If they do not, they fail this Success Criterion.
Available Automation Evaluation
In checking known available linting and testing tools, these are our findings.
Linting Could Exist
Potentially Automatable with a CSS linter, but this is more likely to be something that should be checked as a test; even more ideally, this should be determined in the design phase.
Testing Exists
Automated testing exists. See the axe-core library for the color-contrast rule.
Other Test Methods
In addition to automated tests, there are other types of tests that could be conducted to prevent this potential violation.
Developer Authored Test Could Exist
Developers should ensure that their code does not violate this rule; if a lack of color contrast is noted, have a chat with the designer! "I noticed that this text fails WCAG color contrast standards for text; is there something we can do to improve this?"
Manual Test Exists
Review page and ensure the point of failure does not exist, inspecting the DOM where required.