The Web Content Accessibility Guideline’s (WCAG) Success Criterion 1.4.11 Non-Text Contrast is one of the harder to understand requirements. Here’s a deep-dive into the details of it, including practical examples, concerning only its “User Interface Components” section. Because, of course, this SC has multiple sections: 1.4.11 Non-Text Contrast (Understanding) (Level AA) The visual presentation of the following have a contrast ratio of at least 3:1 against adjacent color(s): User Inte...
