Using your design system colors with contrast-color()
Explains how to use CSS contrast-color() with design system colors, including a workaround for current browser support.
Explains how to use CSS contrast-color() with design system colors, including a workaround for current browser support.
Explores color sensitivity in AI models when reading text from a canvas, noting issues with red text on dark backgrounds.
Explores common terminal color contrast issues, explains ANSI color inconsistencies, and discusses two methods to reconfigure terminal colors.
Introduces a Web Component for checking and displaying WCAG color contrast ratios and grades using CSS custom properties.
Exploring CSS Relative Colors to generate accessible text colors, comparing it to the upcoming contrast-color() function and discussing tradeoffs.
A guide to using browser developer tools, specifically in Firefox and Chrome, to test and ensure color contrast meets web accessibility standards (WCAG).
Four essential accessibility tests for new software features, focusing on color contrast, interactive elements, and Windows High-Contrast mode.
A developer's guide to auditing website accessibility, covering semantic HTML, keyboard navigation, automated testing, and screen reader compatibility.