♿️ Learn JavaScript Accessibility Features for Making Your JavaScript Web Applications More Accessible with Marcy Sutton.

Accessibility in JavaScript Applications

Marcy Sutton
Gatsby

4 hours, 6 minutes CC

We can produce innovative and inclusive JavaScript-powered web apps! This course will teach you to remove barriers to access that might prevent people with disabilities from using a modern JavaScript web application. We’ll study accessibility in UI components, primarily with React and Gatsby.js, but with knowledge applicable to all JavaScript-heavy web stacks. Debug your sites for accessibility, manage keyboard focus, announce live updates to the page to screen readers, and use manual and automated testing to gain web accessibility superpowers!

This course and others like it are available as part of our Frontend Masters video subscription.

Published: August 28, 2019

Get Unlimited Access Now

Table of Contents

Introduction

  • 00:00:00 – 00:03:25
    Introduction

    Marcy Sutton introduces the course by offering a personal history of becoming involved in accessibility.

  • 00:03:26 – 00:07:32
    Course Overview

    Marcy gives an overview of what the course will cover, and then discusses how to continually improve the skill of designing websites and web applications inclusively.

  • 00:07:33 – 00:14:34
    Course Materials Setup

    Marcy provides instruction for which accessibility tools to install, how to set up the course code, and walks through the structure of the course website.

  • 00:14:35 – 00:16:25
    Tool Considerations

    Marcy discusses the choice of which JavaScript framework [...]

Read article at frontendmasters.com

Article Taxonomies

Categories:
Fatal error: Uncaught Error: Object of class WP_Error could not be converted to string in /home/webable/www/www/wp-content/themes/webable/content-mcm.php:65 Stack trace: #0 /home/webable/www/www/wp-includes/template.php(812): require() #1 /home/webable/www/www/wp-includes/template.php(745): load_template('/home/webable/w...', false, Array) #2 /home/webable/www/www/wp-includes/general-template.php(206): locate_template(Array, true, false, Array) #3 /home/webable/www/www/wp-content/themes/webable/single-mcm_article.php(15): get_template_part('content-mcm') #4 /home/webable/www/www/wp-includes/template-loader.php(106): include('/home/webable/w...') #5 /home/webable/www/www/wp-blog-header.php(19): require_once('/home/webable/w...') #6 /home/webable/www/www/index.php(17): require('/home/webable/w...') #7 {main} thrown in /home/webable/www/www/wp-content/themes/webable/content-mcm.php on line 65