3-day Accessibility workshop

Created specifically for Web Designers and Developers, this 3 days hands-on workshop covers the What, Why, and How of Web 2.0 accessibility. It covers WCAG 2.0 guidelines and standards, WAI-ARIA specifications and practices along with HTML5 accessibility features in depth.

Agenda »

At a glance

  • Audience: front-end and full-stack web developers, designers who code, design system and component library owners, technical leads, and engineering managers responsible for shipping accessible products.
  • Format: three full days of live, instructor-led training delivered remotely over Zoom or Microsoft Teams, with a heavy emphasis on hands-on exercises, code-along sessions, and assistive-technology demos.
  • Group size: capped at 15 participants per session to keep the hands-on exercises and code reviews interactive.
  • Schedule options: three consecutive full days, or six half-day sessions over two to three weeks for teams that cannot block out full days.
  • Language: English.
  • Customization: exercises and code examples tailored to your tech stack (React, Angular, Vue, plain HTML/CSS, or your component library) and patterns drawn from your own product on request.
  • Materials provided: slides, sample code, hands-on exercise files, a screen reader cheat sheet, a WAI-ARIA quick reference, and a developer-focused accessibility checklist participants can apply to their own work the next day.
  • Accessibility of the training itself: live captions, accessible slides and exercise files, and reasonable accommodations available on request.
  • Session recording: available on request for participants who cannot attend live.
  • Technical requirements: a modern desktop browser (Chrome, Edge, or Firefox), ability to run a code editor and install free accessibility testing browser extensions, and screen-sharing enabled on the video conferencing tool.
  • Prerequisites: working knowledge of HTML, CSS, and JavaScript. No prior accessibility experience required.

Learning objectives

By the end of this workshop, participants will be able to:

  • Explain what accessibility is, who is impacted, and the assistive technologies their users rely on.
  • Apply WCAG Principles, Guidelines, and Success Criteria at the A and AA conformance levels to the components and pages they build.
  • Use semantic HTML and HTML5 features as the foundation of an accessible UI, and reach for WAI-ARIA only when the platform does not provide what they need.
  • Implement accessible custom widgets (menus, tabs, dialogs, comboboxes, trees, grids) using WAI-ARIA Authoring Practices patterns.
  • Manage keyboard support, focus order, focus trapping, and live regions for dynamic content.
  • Use automated and manual accessibility testing tools and a screen reader to verify their work before handing it to QA.
  • Refactor existing inaccessible components into accessible ones.

What is Accessibility?

Explain what are some common types of disabilities. Describe various adaptive technologies that enable people with disabilities to access computers and the Internet. Finally, cover the different kinds of problems with rich Internet applications that hinder the use of such adaptive technologies.

WCAG Standards

Explain the W3C accessibility guidelines covering Principles, Guidelines, Success Criteria, Sufficient and Advisory Techniques in an easy to follow course with plenty of examples

WAI-ARIA

WAI-ARIA, the Accessible Rich Internet Applications Suite, helps provide accessibility for users of adaptive technologies with dynamic content and advanced user interface controls developed with Ajax, HTML, JavaScript, and related technologies. We teach how to comply with these standards.

HTML 5

Introduction to HTML 5 along with its features that make websites more accessible. Learn new tags for page layouts, micro formats and many more.

Accessibility Testing Tools

Cover several automated tools that help in the process of identifying accessibility problems. Hands-on exercises to identify and fix accessibility problems in existing Web applications.

Accessible Java Script

Learn how to write accessible Java Script components. Introduction to free open source UI tool-kit like JQuery UI and its accessibility features.

Bring this workshop to your team

Contact us to schedule a session for your engineering team, request customization for your tech stack or component library, or ask about pairing this workshop with our 2-day accessibility testing primer for the QA team your developers work with.

Updated: