4 ms·
My struggle with this analysis is that it's trying to reason a solution to a completely valid problem, but leaning on an intrinsically flawed metric (the WCAG c
by cptcobalt 4y ago
My struggle with this analysis is that it's trying to reason a solution to a completely valid problem, but leaning on an intrinsically flawed metric (the WCAG contrast ratio).
WCAG 3 is moving to APCA (Advanced Perceptual Contrast Algorithm) which will be much more fair to cases covered in this post. Yes, there'll still be perceptual contrast issues with dark yellow, but I'd wager that the solutions you'll land on when measuring with APCA will be less drastic or visually unappealing.
More on APCA: https://typefully.com/u/DanHollick/t/sle13GMW2Brp https://typefully.com/u/DanHollick/t/sle13GMW2Brp
- justinpombrio 4y agoWow, that first example is really bad. Comparing the grey-and-black against the white-on-orange, WCAG 2 and APCA differ by a factor of two, and judging by eye it's entirely due to WCAG contrast being incorrect. How do you design a contrast measure and not notice that it's sometimes off by a factor of 2? We had CIELAB in 1976; it will give you reasonable contrast measurements. (Calculation: (61 / 47) / (2.9 / 4.5) = 2.014)
- lloydatkinson 4y agoWow finally. My site has white text on a red background for a button. Lighthouse detracts a point for this as it's not "accessible" allegedly. I don't believe this matches reality and I hope this APCA fixes the false metrics. Is there a tool online we can try out APCA with?
- cptcobalt 4y agohere you go: https://huetone.ardov.me https://huetone.ardov.me
- lloydatkinson 4y agoLooks like its saying white on red is ok with the new model, I think. A bit hard to use and can't check text in relation to colour.