When technology meets theory: How to make color schemes accessible with VueJS

Krystal Campioni
Jun 11 · 5 min read
You can play around with this prototype here: https://krystalcampioni.github.io/accessible-color-schemes/

Ok, so how does it work?

Generating color schemes

In this example, the white lines show the selected colors

Testing color contrast

Taking it one step further

About design constraints

Making images match the color palette

That’s all, folks

Vue.js Developers

Helping web professionals up their skill and knowledge of Vue.js

Krystal Campioni

Written by

Senior Front-end developer @ Shopify. Giphy and Whale fluent speaker. Tech, design, and marine life enthusiast | www.krystalcampioni.com

Vue.js Developers

Helping web professionals up their skill and knowledge of Vue.js