tpac-hc

Finessing forced-colors: Optimizing the High Contrast Experience

Recording and transcript, Sep 2019 at the W3C Developer Meetup (Fukuoka, Japan)

Slides

• Slides PDF (slides only)
• Slides PDF (slides with transcript/speaker notes)

Demo

Demo page on Codepen

Resources

Color schemes

• Dark mode support in Webkit
• prefers-color-scheme media query (specification)
• color-scheme property (specification)
• color scheme <meta> name (specification)

Contrast preferences

• prefers-contrast media query

Forced color modes (Windows High Contrast, etc)

• forced-colors media query
• forced-color-adjust property (specification)
• System colors (specification)
• Windows VMs

Credits

Thanks to the following folks for their photography via Pexels:

• Aizhana Aldanova
• mentatdgt
• Godisable Jacob
• Buenosia Carol