Accessible Components from Design to Development

Carie Fisher

Your instructor: Carie Fisher

Workshop includes:

🔖 Examples to take away
🗣 Active participation
🎁 Workshop recordings
🏅 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 • Thu & Fri, Sept 14–28 2023
09:00 – 11:30 AM PT • 18:00 – 20:30 CET • Check your time zone ⏰

Digital accessibility is the practice of making products — such as websites and apps — accessible to everyone, including those with disabilities. But accessibility is often an afterthought at the end of a project when a user submits a bug or when legal issues arise — if it is thought of at all.

In this workshop, Carie will walk through the process of creating accessible front-end components from design to development. Throughout the workshop sessions, we will rely on accessibility best practices/guidelines and utilize testing tools and techniques at each step of the product development lifecycle.

Here’s What You Should Be Expecting:

Interactive live sessions

5 × 2.5h live sessions

Practical insights

From user testing to building components

Hands-on exercises

With reviews by your teacher

Life-time access

To all video recordings and examples

Dedicated Q&A time

To ask all your questions

Smashing Certificate

A well-deserved reward for your work

While digital accessibility can be difficult or frustrating to many people, it doesn’t have to be. By learning front-end techniques, utilizing targeted accessibility tools, and making small changes to your everyday workflow, you can make the digital world more inclusive — without crushing your creativity or sacrificing your sanity!

We will focus on the areas in front-end components that impact your users most — whether you are writing HTML/ARIA, CSS, or JavaScript. The attendees will leave the workshop with a deeper understanding of digital accessibility and resources to get started designing and building accessible components of their own.

What Will Attendees Learn In This Workshop?

Essential accessibility annotations for a smoother design-to-development handoff between teams.
An overview of currently available accessible style guides, patterns, and libraries, and how to know what is best for your specific environment.
How to conduct basic automated, manual, assistive technology (AT), and user tests — and when each technique/tool should be applied in the software development lifecycle.
Focused component walk-throughs and examples for HTML/ARIA, CSS, and JavaScript using a “code along at home” approach to teaching. Attendees will leave with enough resources, tools, and techniques to hit the ground running after the workshop is over!

Who Is This Workshop For?

If you’re a web or app designer or developer and feel comfortable using HTML, CSS, and writing intro-level JS, this workshop is for you. A basic sense of WCAG and digital accessibility is recommended to get the most out of the workshop.

About Carie Fisher

Carie Fisher is an author, speaker, and developer with over 15 years of technical experience helping individuals and companies achieve their digital accessibility goals. Carie is the Director of Digital Accessibility at Testlio and is a Ph.D. candidate in Human-Computer Interactions at Iowa State University, focusing on XR technology.

She is passionate about the intersection of front-end code and UX, digital accessibility, and diversity in technology. She recently completed writing the evergreen accessibility course Learn Accessibility with Google’s web.dev team.