Accessibility In Modern Applications

Marcy Sutton

Your instructor: Marcy Sutton

Workshop includes:

🔖 Examples to take away
🗣 Interactive sessions
📺 Workshop recordings
🎤 Dedicated Q&A time
🏅 Smashing Certificate

Unfortunately, this workshop is fully sold out! But you can join the waiting list in case a ticket becomes available:

Workshop, 5×2h + Q&A • Tue & Wed, March 22 – April 5 2022
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰

Front-end accessibility is as important as it’s ever been, as more of the products and services users depend on have moved online – things like paying bills, shopping, education, and more. Without accessibility, people with disabilities will encounter barriers that prevent them from using these kinds of experiences.

Developers are capable of so much with JavaScript these days – we can learn new APIs and build complex applications that look great on our resumés. But who are you building those apps for? If you’re selling a product online or trying to expand reach, doesn’t it make more sense to include as many users as you can?

By taking an inclusive design approach for your apps and really baking accessibility in with automated tests, you’ll raise the bar for quality software and be the hero of so many users.

Who Is This Workshop For?

The workshop is for web designers and developers comfortable with pushing their HTML, CSS, and JavaScript skills to create accessible and robust user interfaces.

You’ll learn how to prevent barriers to access for people with disabilities in UI design and development. You’ll leave with knowledge and direction necessary to identify and implement accessible patterns and workflows to build inclusive, innovative websites and web applications.

This Workshop, We Will Explore:

Semantic structure in JavaScript apps and custom components
Keyboard interactivity and focus management
Updating views, toggling UI components and layers
Notifying screen reader users
Using motion and animation safely
Accessible style guides and pattern libraries
Debugging for accessibility
Using accessibility testing tools
Writing automated accessibility tests

What will attendees learn in this workshop?

Semantic Structure and ARIA in JavaScript Apps and Components: How to write modern apps and components that are programmatically accessible for assistive technology like screen readers, voice control, and other helpful technologies. Gain knowledge on applying native HTML as well as the Accessible Rich Internet Applications (ARIA) standard to plumb accessibility through your user interfaces for a variety of platforms and web browsers.
Keyboard and Screen Reader Interactivity: Learn the common interactions and mechanics required to support keyboards and screen readers on the Web. You’ll be immersed in concepts and code for focus management in interactive components, updating client-side views, toggling UI components and layers, and more. You’ll come away from this session with an understanding of the overlap and differences between keyboard and screen reader support.
Accessibility in Design Systems and Pattern Libraries: Acquire knowledge to evaluate accessibility in a design system or pattern library, in order to solve and prevent issues at the source. You’ll learn what to look out for in terms of structure, color and design, interactivity, and more. You’ll also gain insight on configurability and flexibility for a design system so that implementations produce an accessible result when rendered.
Automating Accessibility Tests with JavaScript: Bake accessibility into your applications and components with automated JavaScript testing. You’ll pick up skills on using modern tools like Jest, Testing Library, and Cypress, as well as where manual testing is required. This session will dive into code-heavy patterns with a realistic view on what can and can’t be done with automation.
Building Your Accessibility Knowledge to Really Do the Work: Grow your accessibility muscles by learning where to find answers. You’ll learn how to discern between solutions to solve accessibility issues and build your confidence. This session will discuss the realities of accessibility work, including the necessity of an accessible culture and how to persuade stakeholders without burning ourselves out.

What Hardware/software Do You Need?

To get the most out of the workshop, make sure you have a text editor, Git, Node, and npm 12+ installed. Windows users should also have the NVDA screen reader installed, while Linux users can use the Orca screen reader.

About Marcy Sutton

Marcy Sutton is a freelance web developer who works with organizations as a lead accessibility engineer and teacher. In the past Marcy has worked on accessibility testing tools including axe-core, JavaScript frameworks, websites and web applications.

Marcy’s focus on access and user experience was recognized by O’Reilly in 2016 with a Web Platform Award. When away from the keyboard, Marcy can be found hiking with her dog, riding bicycles, adventuring in her camper van, or cooking something delicious.

Time & Schedule

This workshop is split over five days. Our virtual doors open at 8:45, we start at 9 AM PDT.

The workshop sessions will run on the following days:

Tue, March 22, 09:00 – 11:30 AM PT (17:00 – 19:30 CET)
Wed, March 23, 09:00 – 11:30 AM PT (17:00 – 19:30 CET)
Tue, March 29, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Wed, March 30, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
Tue, April 5, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)