Skip to main content

Deep Dive On Accessibility Testing

Manuel Matuzović
On the web
matuzo.at
On Twitter
@mmatuzo
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, November 4–18 2021
09:00 – 11:30 AM PT (Pacific, US) 18:00 – 20:30 CET (Europe)

“Oh, and by the way, the site has to be accessible!” — Wait! What? How? What does accessible even mean? Semantic HTML, right? Is there more? How do I test accessibility? Do I need special hard- or software? Are there tools I can use? How do I discover and fix accessibility bugs? How do I assure my site stays accessible? Can I automate testing? …

So many daunting and overwhelming questions, if you don’t know how to get started. Manuel Matuzović guides you through the first steps and takes a deep dive into automated and manual accessibility testing.


What Will Attendees Learn In This Workshop?

  • Which testing tools are available and most commonly used.
  • How to assess the accessibility of a component or page.
  • The difference between automatic and manual testing.
  • How to use automatic accessibility testing tools and how to interpret the results.
  • How to use the keyboard to discover accessibility bugs.
  • Screen reader basics and how to use them for accessibility testing, both on desktop and mobile devices.
  • How to test the accessibility of Single Page Applications.
  • Common pitfalls of Single Page Applications and how to avoid them.
  • How to integrate accessibility testing in your day-to-day development workflow.
  • Running tests on the command line and creating automated reports.
  • Integrating accessibility testing in your build pipeline.
  • Where to find information and help on how to build complex components.

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

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

Who Is This For?

This is a full workshop, delivered in five 2.5-hour long sessions with lots of time for Q&A. It’s for web developers (front-end and back-end), UI designers and for anyone who has at least a basic understanding of HTML and CSS. After attending this workshop you’ll be able to test the accessibility of websites and -apps using automated and manual tools and plan and develop new sites with accessibility in mind.


About Manuel Matuzović

Manuel Matuzović is a front-end developer who's passionate about HTML and CSS. He works for the City of Vienna where he builds accessible frontends and assesses the quality of sites built by others. He's a certified accessibility expert, auditor, teacher and consultant. He writes about accessibility, HTML, and CSS on his personal blog matuzo.at and htmhell.dev.

Time & Schedule

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

  • Thu, November 4, 09:00 – 11:30 AM PT (17:00 – 19:30 CET)
  • Fri, November 5, 09:00 – 11:30 AM PT (17:00 – 19:30 CET)
  • Thu, November 11, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Fri, November 12, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)
  • Thu, November 18, 09:00 – 11:30 AM PT (18:00 – 20:30 CET)

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

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


Day 1 — Introduction to Web Accessibility and Automatic Testing

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

9:00 AM – 11:00 AM
Introduction to web accessibility. Users, disabilities and different input modalities. Overview of automatic web accessibility testing tools and their differences. Introduction to tools like Lighthouse, axe, Wave and Accessibility Insights.

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

Day 2 — Automatic and Semi-Automatic Testing

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

9:00 AM – 11:00 AM
Using Dev Tools in different browsers to detect accessibility issues. Overview of built-in testing tools in Firefox, Chrome, Microsoft Edge and Safari. Introduction to custom testing with JavaScript and CSS.

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

Day 3 — Manual testing: Keyboard

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

9:00 AM – 11:00 AM
Introduction to manual testing with the keyboard. Overview of best practices for building custom JavaScript components or evaluation of existing solutions.

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

Day 4 — Manual testing: Screen readers

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

9:00 AM – 11:00 AM
Introduction to manual testing with screen readers on macOS, Windows and Android. The importance of semantic HTML.

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

Day 5 — Workflows, Tools, and Wrap-up

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

9:00 AM – 11:00 AM
Establishing accessible workflows. Continuous testing. Frameworks, libraries, tools and resources. If there’s time left, we’ll test some of the sites you send me live.

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

Register for this workshop →