Post

I spent hours exploring the color ranges where APCA and WCAG2 contrast algorithms differ. Then I found a site that shows these discrepancies, with the gray area of the chart marking the disagreement range. That's the zone Ariakit Styles will avoid. Thank you so much, Lloyd Kupchanko!

blackorwhite.lloydk.caBlack or WhiteTest various contrast methods to see whether a black or white foreground color provides the best contrast against a given background color.

15/2/25, 7:20 am2 reposts22 likes

Haz

@haz.dev

15 Feb 2025

Haz@haz.dev

Mid-tone backgrounds pose significant accessibility challenges. Choosing between white or black text becomes problematic due to limitations in the WCAG contrast algorithm. When using mid-tones as layer backgrounds, Ariakit Styles will automatically adjust them to the nearest safe tone. More info:

gist.github.comAriakit StylesAriakit Styles. GitHub Gist: instantly share code, notes, and snippets.

Drake

@saeris.gg

15 Feb 2025

oh nice find! gonna need to give this a try later