Added basic mobile support to my color palette creator and lots of little bug fixes. 😄 Please reach out if you have any feature requests or challenging problems with creating your own branded palettes! www.inclusivecolors.com #designsky #a11y #design #webdesign #css #ux #accessibility #buildinpublic - ThreadSky

About ThreadSky

seanw.org • 57 days ago

Added basic mobile support to my color palette creator and lots of little bug fixes. 😄 Please reach out if you have any feature requests or challenging problems with creating your own branded palettes! https://www.inclusivecolors.com/ #designsky #a11y #design #webdesign #css #ux #accessibility #buildinpublic

Comments

madulsa.bsky.social•56 days ago

Interesting tool. Have I overlooked the information on the contrast ratio? I think the information on WCAG AA and WCAG AAA is essential for normal and large text. #a11y

seanw.org•56 days ago

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

madulsa.bsky.social•56 days ago

I had tried mobile. I think the contrast ratios are essential. Perhaps you can find a solution to offer these on a mobile basis.

seanw.org•56 days ago

Thanks for the feedback! Yeah, it's tricky, there's 11 colors with 3 sliders each so there's not much room. The mobile UI is mostly there to get people to try the desktop one. Guessing most aren't designing on their phones? A thin contrast level bar or metric would probably fit though.

madulsa.bsky.social•56 days ago

Since you want to get people to use the desktop version: Communicate this in the mobile version. Do some advertising there for the added value on the other device.

Posting Rules

Be respectful to others
No spam or self-promotion
Stay on topic
Follow Bluesky's terms of service

Comments

Posting Rules

Reply