Technical Training (Dev / QA / UX)

Your team stops shipping
the same findings.

Role-based accessibility training for developers, QA and UX. Your team works through the components that fail most often, with a keyboard and a screen reader, and leaves knowing how to check their own work.

Train your team

Why the same issues come back
after every release

An audit is a snapshot. It catches what is in the product on the day we test it. The next sprint adds a modal, a filter panel and a data table, and the next audit finds them.

The habit behind a finding survives the fix

We test the views and flows in scope. The component your team builds next week is not one of them. When the same developer makes the same decision about a custom dropdown, it lands in the next report.

Automated scans leave the hard calls to your team

An automated scan flags a missing label. It can't tell whether the label it finds makes sense, or where focus went when the dialog closed. Someone on your team needs to know what to press and what to listen for.

Accessibility training for developers

Most of what breaks a screen reader is decided in the markup.

Your developers leave able to read a component's markup, predict what NVDA will announce, and then run NVDA to check.

Ask about developer training
  • Semantic HTML: what a <button> gives you that a <div role="button"> makes you rebuild by hand
  • Accessible name calculation, and how aria-label on a link silently replaces its visible text
  • ARIA roles: why <h2 role="button"> drops out of the heading list, and when ARIA is still the right call
  • Keyboard interaction beyond Tab: arrow keys inside tabs and menus, Escape, Home and End
  • Focus management: where focus should land after a row is deleted, a dialog closes or the route changes
  • Comboboxes, modals, tabs and disclosures, and when <dialog> or <details> saves you building one
  • Form errors and aria-describedby, and why an error that appears while the field has focus often goes unannounced
  • ARIA states such as aria-expanded, aria-pressed and aria-current, and what NVDA says when you pick the wrong one
  • Live regions, and why a region inserted together with its message often stays silent
  • NVDA browse mode, and why your arrow-key handler may never receive the key
  • forced-colors: box-shadow focus rings and gradient backgrounds, which Windows removes when it applies its own palette

Accessibility training for UX designers

The cheapest accessibility fix is a change to the mockup.

Contrast, focus states, error handling and reflow are design decisions. Found after the build, each one becomes a ticket, a code change and a retest.

Ask about UX training
  • Contrast past the 4.5:1 ratio: thin, small type that passes and still reads badly, and what APCA measures differently
  • Non-text contrast (WCAG 1.4.11): the input borders, icons and focus rings that need 3:1 against their background
  • Text over images and gradients, measured at the worst spot behind the letters
  • Text spacing (WCAG 1.4.12): the fixed-height buttons and cards that clip text when a user widens the spacing
  • Focus indicators for every component, since a state missing from the mockup tends to go missing in the build
  • Icon-only buttons: the accessible name each one needs, written into the design before a developer has to guess it
  • Headings: the outline a screen reader user navigates by, which often differs from the type scale
  • Reflow at 320px: which content may scroll sideways, such as data tables and maps, and which must wrap
  • 400% zoom: a 1280×800 laptop leaves at most 320×200 CSS pixels, where a sticky header can take a third of the height and a dialog close button ends up off-screen
  • Windows High Contrast Mode: selected tabs and toggles shown only by background colour, which the mode replaces
  • Loading, empty and error states, and what a screen reader user hears while the spinner turns
  • Accessibility annotations a developer can build from: focus order, names, heading levels, what each state announces

Accessibility training for QA and testers

The best automated tool in a UK government test found 41% of the barriers planted on one page. This is how you find the rest.

A clean axe run clears the rules a machine can evaluate. Where focus lands, what NVDA reads out and whether a keyboard user reaches the confirmation screen are left for a tester to find.

Ask about QA training
  • WCAG success criteria as test cases, each with a pass condition two testers would agree on
  • Keyboard-only testing: reaching each control, operating it, leaving it, and finding focus afterwards
  • Focus after deletion or submission, and how to locate it with document.activeElement or NVDA+Tab when nothing on screen shows it
  • Screen reader testing with NVDA on Firefox and Chrome and VoiceOver on Safari, and why a result belongs to the pairing you tested
  • Browse mode and focus mode, and why one page behaves like two
  • Headings, landmarks and the NVDA elements list: the page the way a screen reader user skims it
  • Accessible names: what gets announced, when it differs from the visible label, and when that fails WCAG 2.5.3 for voice-control users
  • ARIA states and live regions, and whether a change was announced at all
  • Form errors: whether each one is announced, tied to its field, and reachable after submit
  • 400% zoom: text that needs sideways scrolling (WCAG 1.4.10), and a focused field hidden under a sticky footer (WCAG 2.4.11)
  • Forced colors and reduced motion in DevTools, and when you still need Windows with a contrast theme on
  • What axe reports, what it cannot, and how to write a finding a developer can act on

How a training session runs

01

We find out what keeps breaking

You tell us the roles in the room, the stack, and the problems your team hits more than once. If you already have an audit, we read it first.

02

We build the programme around that

We pick exercises that match the problems you named. If data tables are the problem, the whole session can be data tables.

03

We run the workshop

We explain, demonstrate with a screen reader, then hand the exercise over. Your team does the work, on their own machines. Remote or on-site.

04

Your team keeps the material

Slides, references and the exercise files stay with your team, so the next hire can be walked through the same examples.

Three ways to run accessibility training

One role, in depth

A session for developers, for UX, or for QA, spent on the decisions that role makes every day.

The whole product team

Designers, developers and testers in one room. Shared fundamentals first, then the parts each role owns, so accessibility stops falling through the handoffs.

One problem, in detail

Already working on accessibility and stuck on something specific? The session can be built around it: data tables, focus management in a single-page app, or one component type such as the combobox.

An audit tells your team what is broken this quarter. Training is what keeps the next release from adding to the list. Run the audit first and we build the session around what it found, with exercises aimed at the kinds of failure your team shipped.

What to settle before booking accessibility training

How long does accessibility training take?

Accessibility training runs from four hours to three days, depending on the track and how much of it is hands-on. A single role goes further in one day than a mixed room does in two, because everyone runs the same exercise. When time runs short, we cut topics and keep the practice.

How much does accessibility training cost?

Each accessibility training gets one fixed quote, set by the track, the audience and the number of days we agree up front. A four-hour session for designers and three days for the whole product team are two separate quotes.

How many people can attend the training?

Usually your whole team. Everyone needs hands-on time with the exercises and a screen reader, so we agree the group size with you when we plan the session.

Do participants get a certificate?

Yes. Each participant can receive a certificate of completion for the training they attended.

Is this a WCAG course?

The training covers WCAG 2.2 AA through the decisions your team makes while building. Knowing that 2.4.7 exists doesn't tell a developer what to do about a focus ring, so we teach the decision first, then point at the criterion that governs it.

Does the European Accessibility Act require accessibility training?

Not for product teams. The European Accessibility Act mentions training only in recital 20, which isn't binding and is about staff knowing how to use accessible products and services. What the law requires is the result: a service that meets the accessibility requirements. Public bodies are different: the Web Accessibility Directive asks member states to promote training for public-sector staff (Article 7(4)).

Is the training suitable for beginners?

Yes. We can start at semantic HTML, or assume your team already reads WCAG and spend the day on focus management and live regions instead. Tell us which and we'll set the level before the session.

Can the training run remotely or on-site?

Both work. Remote suits the developer and QA tracks, because everyone tests on their own machine with their own screen reader, which is how they will work afterwards. On-site is easier for a mixed-role workshop.

What happens after the training?

After the training, your team keeps the slides, reference links and exercise files. Remediation support answers the questions that come up later, in Slack, Teams or Google Chat, and an audit tells you whether the habits stuck.

Unlock your full potential

You have a product to build. You don't have time to become a WCAG expert. Let us handle the technicalities so your team can get back to what they do best.

Discuss Your Project