Writing
Accessibility advocate, writer, developer, and speaker
Windows High Contrast Mode, Forced Colors Mode And CSS Custom Properties — Smashing Magazine
smashingmagazine.comCSS Custom Properties can be used for far more than just color, and their values update in realtime, both via display mode updates and JavaScript logic. This is powerful stuff. Eric explains how modern CSS is a powerful piece of assistive technology that can thread into it to create flexible, maintainable and adaptive digital experiences.
CSS tweaks for better visibility in Forced Colors Mode
Find out how forced colors mode works for websites and how to improve the user experience.
Taking a shot at the double focus ring problem using modern CSS
A double focus ring is really useful in general but especially so with complex, themed systems. Eric Bailey shows us how to develop a really smart system, using modern CSS.
a11y-syntax-highlighting has been updated
Code syntax highlighting themes need to meet minimum color contrast values.
Forced Colors Mode strategies
A reminder that “Forced Colors Mode” is a thing, and some strategies you can apply today.
Forced Colors Mode futility
Can “Forced Colors Mode” be used as an entry-level debugging tool?
GitHub - ericwbailey/a11y-syntax-highlighting: 💄 Accessible light and dark syntax highlighting themes
💄 Accessible light and dark syntax highlighting themes - ericwbailey/a11y-syntax-highlighting
GitHub - ericwbailey/a11y-syntax-highlighting: 💄 Accessible light and dark syntax highlighting themes
💄 Accessible light and dark syntax highlighting themes - ericwbailey/a11y-syntax-highlighting
Bootstrap Forced Colors CSS for Windows High Contrast Themes
High Contrast theme for Bootstrap 5 using the `forced-colors: active` media query
a11y-syntax-highlighting has been updated
Code syntax highlighting themes need to meet minimum color contrast values.