YoVDO

How to Use Chrome DevTools to Improve Accessibility of Your Webpage

Offered By: NDC Conferences via YouTube

Tags

NDC Conferences Courses Web Development Courses Web Design Courses Web Accessibility Courses Chrome DevTools Courses

Course Description

Overview

Save Big on Coursera Plus. 7,000+ courses at $160 off. Limited Time Only!
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.

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

Related Courses

iDESWEB, Introducción al desarrollo web
Miríadax
Web Accessibility MOOC for Online Educators
Portland Community College via Desire2Learn
HTML5 Coding Essentials and Best Practices
World Wide Web Consortium (W3C) via edX
Introduction to HTML5
University of Michigan via Coursera
Web Accessibility
Google via Udacity