3 ms·
Chrome DevTools has a feature similar to this: https://developers.google.com/web/updates/2019/01/devtools#AAA https://developers.google.com/web/updates/2019/01/
by kaycebasques 8y ago
Chrome DevTools has a feature similar to this: https://developers.google.com/web/updates/2019/01/devtools#AAA https://developers.google.com/web/updates/2019/01/devtools#A...
AAA line was added in v74. AA line has been there since v65: https://developers.google.com/web/updates/2018/01/devtools#contrast https://developers.google.com/web/updates/2018/01/devtools#c...
The Audits panel (powered by Lighthouse, which in turn is powered by aXe for the a11y audits) also has an audit ("Background and foreground colors do not have a sufficient contrast ratio") that checks the contrast ratio of all text nodes on a page. In other words you can automate this check.
Disclosure: I write the DevTools and Lighthouse docs.