Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

YouTube

Accessible JavaScript - It's Easier Than You Think!

Conf42 via YouTube

Overview

Coursera Flash Sale
40% Off Coursera Plus for 3 Months!
Grab it
Learn how to implement accessible JavaScript functionality through a comprehensive conference talk that demonstrates practical techniques for creating inclusive web applications. Explore ten fundamental accessibility principles specifically tailored for JavaScript development, starting with understanding different types of JavaScript functionality and their accessibility implications. Master the art of binding functionality to interactive components while ensuring compatibility with assistive technologies, and discover how to create custom components that maintain accessibility standards. Dive deep into keyboard accessibility implementation, including proper focus management, logical tab order, and dynamic content handling. Examine real-world examples of accessible accordions, expandable menus, and progress meters, while learning to avoid common pitfalls like inaccessible CAPTCHA implementations. Understand how to provide appropriate text alternatives for dynamic content, implement proper labeling and field sets, and maintain consistent navigation patterns. Address critical timing considerations for users who need more time to interact with content, and learn effective error identification and handling techniques. Gain insights into sensory characteristics considerations and discover mechanisms that support various interaction methods beyond traditional mouse and keyboard input. Access additional resources and tools that support ongoing accessibility testing and implementation in JavaScript projects.

Syllabus

00:00 Introduction to Accessible JavaScript
00:07 Types of JavaScript Functionality
00:29 Accessibility Principles for JavaScript
01:21 JavaScript Accessibility Resources
03:14 Binding Functionality to Interactive Components
03:43 Non-Interactive Functionality
04:04 Creating Custom Components
04:33 Text Alternatives and Assistive Technologies
05:54 Issues with CAPTCHA and Alternatives
07:18 Dynamic Content and Progress Meters
09:54 Keyboard Accessibility
16:27 Labels and Field Sets
19:10 Accordions and Expandable Menus
20:54 Maintaining Logical Focus Order
24:54 Focus Order in Dynamic Content
25:04 Examples of Focus Order
26:34 Principle Five: Sensory Characteristics
27:22 Principle Six: Timed Activities
32:37 Principle Seven: Mechanisms for Interaction
34:11 Principle Eight: Predictable Navigation
37:16 Principle Nine: Consistent Components
38:30 Principle Ten: Error Identification
43:04 Conclusion and Additional Resources

Taught by

Conf42

Reviews

Start your review of Accessible JavaScript - It's Easier Than You Think!

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.