2 ms·
It does pass the old WebAIM contrast test, although that test doesn't consider font size or font weight. The proposed WCAG 3 contrast test, the Advanced Percep
by tshaddox 4y ago
It does pass the old WebAIM contrast test, although that test doesn't consider font size or font weight.
The proposed WCAG 3 contrast test, the Advanced Perceptual Contrast Algorithm, does consider font size and font weight. If I'm reading this correctly, the minimum recommended font size for normal 400 font weight with these colors is 16.75px, and the 11px seen in this 98.css demo is indeed laughably small: https://www.myndex.com/APCA/?BG=dfdfdf&TXT=222222&DEV=G4g&BUF=A22 https://www.myndex.com/APCA/?BG=dfdfdf&TXT=222222&DEV=G4g&BU...
That said, what I was referring to primarily was the blue text color (#007AFF) against that grey background color (#dfdfdf), but reviewing that now it appears that blue text color is the default button color in iOS Safari, and likely not the intention of the 98.css authors. I'm only seeing this blue color in iOS Safari, so it likely merely indicates some CSS bug somewhere between 98.css and iOS Safari. But for reference, this blue color scores a dreadful 3:1 on the old WebAIM contrast test, and according this this APCA Contrast Calculator is only suitable for 400 font weight at 37px font size: https://www.myndex.com/APCA/?BG=dfdfdf&TXT=007aff&DEV=G4g&BUF=A22 https://www.myndex.com/APCA/?BG=dfdfdf&TXT=007aff&DEV=G4g&BU...