Explore the impact of high-contrast mode on web design and learn strategies to improve user experience in this 16-minute video tutorial. Discover who uses high-contrast mode and why, how to emulate it in Chrome, and its effects on webpage appearance. Learn to use Polypane for high-contrast mode emulation and explore techniques like using 'outline: transparent'. Dive into the forced-colors media query and new color options available. Gain insights on key aspects to monitor for optimal accessibility. Perfect for web developers seeking to enhance their sites' adaptability to user preferences and accessibility needs.
Overview
Syllabus
- Introduction
- Who uses high-contrast mode and why do they use it?
- Emulate it in Chrome
- How it affects our page
- Using Polypane to emulate high-contrast mode and some of the benefits of Polypane
- Using outline: transparent
- The forced-colors media query
- The new colors we can use
- The things to keep an eye out for
Taught by
Kevin Powell
