Discover how to enhance webpage accessibility using Chrome DevTools in this 47-minute conference talk from NDC Conferences. Learn to conduct accessibility audits, address insufficient color contrast ratios, and simulate various color vision deficiencies. Explore the importance of making the internet accessible for users with vision, motion, and cognitive disabilities. Gain insights into keyboard navigation, reducing motion, and simplifying debugging processes. Understand the limitations of automated accessibility tests and the significance of manual testing. Master the use of tools like Lighthouse and Accessibility Insights for Web to create more inclusive online experiences.
How to Use Chrome DevTools to Improve Accessibility of Your Webpage
Overview
Syllabus
Introduction
About Dominika
A goldfish
Job of a goldfish
Working from home
Our goldfish
Needs for humans
Accessibility definition
Accessibility hashtag
Meet Mark
Color blindness
Grayscale
DevTools console
Emulate vision deficiencies
NDC page
Element Picker
Contrast Issues
Back to Presentation
Not Necessary Notes
Keyboard navigation
Summary
Reduce motion
Make debugging easier
Goldfish
Lighthouse
Can we really trust bots
Manual tests
Accessibility insights for web
Conclusion
Taught by
NDC Conferences
