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

Workshop, 5×2.5h + Q&A Thu & Fri, Jan 20 – Feb 3 2022
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.

$350 .00 $450.00 Register for this workshop → 5 × 2.5h live sessions + Q&A. Jan 20 – Feb 3.
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?

  • 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. A basic sense of WCAG and digital accessibility to get the most out of the workshop.

About Carie Fisher

Carie Fisher is an author, speaker, and developer with over 15 years of tech experience who is passionate about the intersection of front-end code and UX, digital accessibility, and diversity in technology. Carie works as a Senior Accessibility Consultant and Trainer while also pursuing her Ph.D. in Human-Computer Interactions at Iowa State University.

Time & Schedule

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

  • Thu, January 20, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, January 21, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Thu, January 27, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, January 28, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Thu, February 3, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)

$350 .00 $450.00 Register for this workshop → 5 × 2.5h live sessions + Q&A. Jan 20 – Feb 3.
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

  • What are the best methods for testing accessibility of patterns and digital products?
  • 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

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
  • 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.

Register for this workshop →