Discover and fix low contrast text with DevTools #DevToolsTips

Опубликовано 13 января 2022, 18:13

Learn how to discover and fix low contrast text with DevTools

Chapters:
0:00 - Intro
0:26 - Inspect mode tooltip
0:38 - Contrast ratio in the Color picker
1:04 - Fix low contrast text
1:33 - Identify page’s low contrast issues with the CSS Overview panel
1:51 - Identify light/dark theme contrast issues
2:07 - [Experimental] Automatically detect low contrast issues
2:37 - Emulate color vision deficiencies

Resource:
Discover and fix low-contrast text with Chrome DevTools → goo.gle/devtools-fix-contrast

Questions? Tweet to us:
Jecelyn Yeen → twitter.com/jecfish
Chrome DevTools → twitter.com/chromedevtools

Catch more DevTools Tips → goo.gle/DevToolsTips
Subscribe to Google Chrome Developers → goo.gle/ChromeDevs

#DevToolsTips #Chrome #Developer