How to Use Chrome DevTools to Improve Accessibility of Your Webpage

How to Use Chrome DevTools to Improve Accessibility of Your Webpage

NDC Conferences via YouTube Direct link

Emulate vision deficiencies

14 of 29

14 of 29

Emulate vision deficiencies

Class Central Classrooms beta

YouTube videos curated by Class Central.

Classroom Contents

How to Use Chrome DevTools to Improve Accessibility of Your Webpage

Automatically move to the next video in the Classroom when playback concludes

  1. 1 Introduction
  2. 2 About Dominika
  3. 3 A goldfish
  4. 4 Job of a goldfish
  5. 5 Working from home
  6. 6 Our goldfish
  7. 7 Needs for humans
  8. 8 Accessibility definition
  9. 9 Accessibility hashtag
  10. 10 Meet Mark
  11. 11 Color blindness
  12. 12 Grayscale
  13. 13 DevTools console
  14. 14 Emulate vision deficiencies
  15. 15 NDC page
  16. 16 Element Picker
  17. 17 Contrast Issues
  18. 18 Back to Presentation
  19. 19 Not Necessary Notes
  20. 20 Keyboard navigation
  21. 21 Summary
  22. 22 Reduce motion
  23. 23 Make debugging easier
  24. 24 Goldfish
  25. 25 Lighthouse
  26. 26 Can we really trust bots
  27. 27 Manual tests
  28. 28 Accessibility insights for web
  29. 29 Conclusion

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.