Sign in

Sean Wilson

@seanw.org
82 followers 34 following 36 posts

I post about web/UI design and dev :) 💻 Design engineer seanw.org 🤖 SEO checker extension checkbot.io 🧠 Word game seanwilson.itch.io/wordoid 🎨 Accessible palette creator inclusivecolors.com 🏴󠁧󠁢󠁳󠁣󠁴󠁿 Edinburgh, Scotland

PostsRepliesMedia
Sean Wilson @seanw.org · 13/01/2025
Did you try on desktop? Click an element on the mockup to show the current contrast ratio, the target ratio (e.g. 4.5:1 for body text, 3:1 for border), and if it passes. :) The contrast menu at the top lets you compare any color pair. Mobile has limited space but outlines mockup failures. #a11y
Screenshot of InclusiveColors app demoing feature that shows WCAG contrast ratio of UI elements on a mockup.Screenshot of InclusiveColors app demoing feature that shows WCAG contrast ratio of color pairs.
121
Sean Wilson @seanw.org · 10/12/2024
Thanks! You mean plot the editable HSL curves going left-to-right across the palette/swatches rather than plots going top-to-bottom across a single swatch? If it helps, you can make whatever kinds of gradients you want within a swatch right now. Quick example www.inclusivecolors.com?style_dictio...
Example of sequential, diverging and categorical swatches
131
Sean Wilson @seanw.org · 09/12/2024
Quick accessible dark mode palette exploration using my inclusivecolors.com tool. 🙂 I'm curious what steps designers follow to make a dark mode palette from an existing light mode palette, and how they keep them both in sync as they tweak colors later? #designsky #a11y #design #webdesign #css #ux
Demo of an accessible dark mode palette with 8 color swatches, shown on a UI mockup. Generated via http://inclusivecolors.com/.
1321