Skip to main content

Accessible Front-End Patterns Masterclass

Carie Fisher
On the web
cariefisher.com
On Twitter
@cariefisher
Tickets
Get a ticket

Workshop includes:
  • Working examples to take away
  • Numerous real-world examples
  • Dedicated worksheet
  • Interactive sessions
  • Workshop recordings
  • Dedicated Q&A time
  • Smashing Certificate

Unfortunately, this workshop is fully sold out! To be notified when we run the workshop again, please join the waiting list below:


Workshop, 5×2.5h + Q&A Thu & Fri, Sep 30 – Oct 14 2021
09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)

Digital accessibility is the practice of making products — such 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.

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


In this workshop, Carie will present a quick overview of digital accessibility before walking-through the process of creating accessible front-end components from design to development. Throughout the workshop sessions, we will focus on accessibility best practices/guidelines, testing tools and techniques, as well as cover related assistive technology (AT) devices at each step of the product development lifecycle using live demos.

The attendees will leave the workshop with a deeper understanding of digital accessibility and enough resources to get started designing and building accessible components of their own.

$450 .00 Register for this workshop → 5 × 2.5h live sessions + Q&A. Sep 30 – Oct 14.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with Smashing Membership.

What Will Attendees Learn In This Workshop?

  • The fundamentals of digital accessibility and why it’s important, as well as be introduced to the international set of digital accessibility standards that govern our digital world - also known as WCAG.
  • How to make inclusive design choices and work with accessibility annotations, heuristics, and personas.
  • Review of accessible style guides, patterns, and libraries, and how to know what is best for your specific environment.
  • How to build and test inclusive components with a “code along at home” approach to teaching.
  • The difference between automated, manual, assistive technology (AT) device, and user testing - and when each technique/tool should be applied in the software development lifecycle.
  • Deep-dive on assistive technologies, including knowledge about low-fi vs high-fi ATs and in-depth screen reader workshop.
  • Next steps for accessibility and how to stay connected with the community and grow your subject knowledge.
  • Attendees will leave with enough resources, tools, and techniques that they can hit the ground running after the workshop is over!

Who Is This For?

If you’re a web designer or developer and feel comfortable using HTML, CSS, and writing intro-level JS, this workshop is for you.

About Carie Fisher

Carie Fisher is an author, speaker, and developer who is passionate about the intersection of front-end code and UX, digital accessibility, and diversity in technology. Currently, Carie is working as a Senior Accessibility Consultant and Trainer at Deque Systems while pursuing her Ph.D. in Human-Computer Interactions at Iowa State University.

In her spare time, Carie likes to travel, garden, and engage with the accessibility and open source dev communities. She is the creator of the Accessibility (A11Y) Style Guide and Accessibility (A11Y) Talks virtual meet-up, designer/creator of the A11y Cats accessibility T-shirt fundraiser, and a member of the A11y Project team.

Time & Schedule

This workshop is split over five days. The workshop sessions will run on the following days:

  • Thu, September 30, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, October 1, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Thu, October 7, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, October 8, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Thu, October 14, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)

$450 .00 Register for this workshop → 5 × 2.5h live sessions + Q&A. Sep 30 – Oct 14.
With all video recordings & slides. Get a ticket.

🎪  Save up to 25% on this workshop with Smashing Membership.


Day 1 — Foundational & UX/UI/Design Accessibility

8:45 AM PT
Virtual doors open, registration, chat and introduce yourself.

9:00 AM – 11:00 AM

  • Foundational Accessibility
    • What is digital accessibility and why does it matter?
    • How people with disabilities use the web/apps
    • Intro to WCAG
  • UX/UI/Design Accessibility
    • Thinking of accessibility as a "design challenge" vs a creativity constraint
    • Working with accessibility heuristics and personas
    • Making inclusive design choices
    • Working with accessibility annotations

11:00 AM – 11:30 AM
Q&A with Carie on the day’s material. Chat with each other.

Day 2 — Digital Accessibility Testing Tools and Techniques

8:45 AM PT
Virtual doors open, registration, chat and introduce yourself.

9:00 AM – 11:00 AM

  • What are the best methods for testing accessibility of patterns and digital products?
  • Automated accessibility testing
  • Manual accessibility testing
  • Intro to AT testing (lots more details on AT in that section)
  • UX studies with people with disabilities

11:00 AM – 11:30 AM
Q&A with Carie on the day’s material. Chat with each other.

Day 3 — Deep-dive on Assistive Technology (AT) and Next Steps

8:45 AM PT
Virtual doors open, registration, chat and introduce yourself.

9:00 AM – 11:00 AM

  • Low-fi vs high-fi AT
  • In-depth screen reader workshop
  • Wrap-up and Next Steps for Accessibility

11:00 AM – 11:30 AM
Q&A with Carie on the day’s material. Chat with each other.

Day 4 — Accessible Style Guides, Patterns, and Libraries

8:45 AM PT
Virtual doors open, registration, chat and introduce yourself.

9:00 AM – 11:00 AM

  • What are they and how are they used?
  • Fundamentals of accessible patterns
  • Rundown of existing patterns and libraries and how to determine which are the best options for your environment?
  • Simple pattern building demos, including: buttons, contextual links, and images

11:00 AM – 11:30 AM
Q&A with Carie on the day’s material. Chat with each other.

Day 5 — More Accessible Style Guides, Patterns, and Libraries

8:45 AM PT
Virtual doors open, registration, chat and introduce yourself.

9:00 AM – 11:00 AM

  • Extension of day two, with more complex pattern building demos including: accessible navigation, tables, accordions, and modals

11:00 AM – 11:30 AM
Q&A with Carie on the day’s material. Chat with each other.


Unfortunately, this workshop is fully sold out! To be notified when we run the workshop again, please join the waiting list below: