The Tailored Web: Effectively Honoring Visual Preferences

Recording, Sep 2019 at ViewSource Conf (Amsterdam, Netherlands)

Slides

• Slides PDF (slides only)
• Slides PDF (with speaker notes)
• Slides Powerpoint (with speaker notes)

Demo

• Demo page (Codepen)

Resources

Color schemes

• 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