How this guide was built
This product-neutral protocol maps WCAG 2.2 and WAI forms guidance to one fixed interactive-funnel fixture. The normative WCAG 2.2 Recommendation, current WAI Forms Tutorial, multi-page guidance, and relevant Understanding documents were rechecked on October 2, 2026. WCAG 2.2 was published as a W3C Recommendation on December 12, 2024, and the WAI Forms Tutorial was updated March 27, 2026. Passing these checks is not a legal certification or a claim of full WCAG conformance.
What is an accessible multi-step funnel?
A multi-step funnel divides one task across sequential views. It may branch by answer, calculate a value, assign an outcome, collect contact details, book a meeting, take payment, or trigger follow-up. Accessibility covers the complete process, including hidden or conditional states, not just the opening page.
Use one fixture containing text inputs, radio choices, checkboxes, a select, conditional content, a calculated or scored result, a contact step, and confirmation. Define expected paths for default answers, every branch, missing required data, invalid format, a hard-disqualifier, backward navigation, and repeated submission.
Run the fixture at 320 CSS pixels, 200% zoom, keyboard only, reduced motion, high contrast, and at least one current screen-reader and browser pairing appropriate to the audience.
Run these 20 accessibility tests
Record the tested path, environment, expected behavior, actual behavior, evidence, owner, and retest result for every case.
| # | Test | Pass evidence |
|---|---|---|
| 1 | Page purpose | Title and H1 identify the task |
| 2 | Progress | Current step and total or meaningful stage are conveyed |
| 3 | Reading order | Visual and programmatic order agree |
| 4 | Keyboard reach | Every control is reachable without a pointer |
| 5 | Focus visibility | Focus indicator remains visible and unobscured |
| 6 | Step transition | Focus moves to a useful heading or error summary |
| 7 | Labels | Every input has an accessible name |
| 8 | Instructions | Format and required-state guidance appears before input |
| 9 | Choice grouping | Related choices have a programmatic group and legend |
| 10 | Target size | Interactive targets remain operable without precision |
| 11 | Contrast | Text, controls, focus, and meaningful graphics meet requirements |
| 12 | Zoom and reflow | Ordinary content does not require two-dimensional scrolling |
| 13 | Error identification | The error is named in text and linked to its field |
| 14 | Error recovery | Corrected data is accepted without clearing unrelated answers |
| 15 | Back navigation | Prior answers persist and can be reviewed |
| 16 | Conditional content | New content and changed context are announced appropriately |
| 17 | Time and motion | Limits can be extended where required; motion respects preference |
| 18 | Result equivalence | Visible result, stored result, and next action agree |
| 19 | Contact gate | Purpose, privacy notice, and required fields are understandable |
| 20 | Completion | Success is announced and a clear next step is available |
Make progress and focus useful
WAI's multi-page form tutorial recommends informing users about progress and demonstrates the current step in the page title. A dynamic single-page funnel should provide equivalent information in its document structure and move focus deliberately when a new step replaces the prior one.
Do not leave focus on a removed Next button or force it into a visually hidden control. After an error, use a tested pattern that places focus on an error summary or the first invalid field. After a valid transition, focus a stable heading that names the new step.
WCAG 2.2 adds a minimum requirement that keyboard focus is not entirely hidden by author-created content. Test sticky headers, cookie banners, chat controls, and bottom action bars at each step instead of checking only the default viewport.
Sources: WAI multi-page forms guidance, WCAG 2.2 focus not obscured
Use durable labels, instructions, and errors
A placeholder is not a durable label. Use a visible label associated with its control, group related choices programmatically, and explain required formats, units, ranges, and the purpose of sensitive data before entry.
When validation fails, identify the error in text, preserve correct answers, and explain how to fix it. Color alone is insufficient. The message must be discoverable by assistive technology and remain associated with the affected control.
Status messages such as saved progress, a calculated result, or a failed submission should be available to assistive technology without unexpectedly moving focus. Test the actual component behavior rather than assuming a visual toast is announced.
Sources: WAI Forms Tutorial, WCAG 2.2 error identification, WCAG 2.2 status messages
Test branches, calculations, and results
Test every conditional path, including paths with no eligible result. Hidden controls must not remain focusable or required. When an answer reveals content, the change must be understandable without relying only on animation, color, or position.
For calculators and scored assessments, verify that the same inputs produce the same visible value, stored value, result identifier, explanation, and follow-up. Accessibility defects include correct calculations that cannot be understood, reviewed, or corrected.
WCAG conformance applies to the complete process when a web page is part of a sequence needed to accomplish an activity. A checkout, assessment, or lead-qualification path therefore cannot claim conformance by testing only isolated steps.
Sources: Web Content Accessibility Guidelines 2.2, WCAG 2.2 target size
Worked failure case
A hypothetical readiness assessment changes from step 3 to step 4 after a radio selection. The result appears visually, but keyboard focus remains on a removed button, the screen reader announces nothing, the progress label still says step 3, and color is the only indication of the result band.
The repair moves focus to the step-4 heading, updates programmatic progress, adds a text result name and explanation, preserves the selected answer on Back, and announces validation or success through a tested status pattern. The regression set then runs across every result band and the missing-answer path.
The evidence record includes viewport, zoom, keyboard path, browser, assistive technology, expected result, actual result, captured output, fix owner, and retest date. A single pass without the environment details is not reproducible evidence.
What do current standards sources establish?
WCAG 2.2 is the W3C Recommendation in this source set, dated December 12, 2024. W3C advises using WCAG 2.2 for current accessibility work and documents requirements relevant to focus visibility, target size, labels, errors, status messages, reflow, timing, and complete processes.
The WAI Forms Tutorial, updated March 27, 2026, covers labels, grouping, instructions, validation, user notifications, multi-page progress, and custom controls. Its multi-page guidance recommends logical stages, repeated instructions, visible progress, backward review with saved data, and ways to extend time limits.
The Understanding documents explain intent and examples but are informative rather than the normative standard. Use them to design and test behavior while citing the WCAG Recommendation for conformance requirements.
Sources: Web Content Accessibility Guidelines 2.2, WAI Forms Tutorial, WAI multi-page forms guidance
What are the limitations?
This protocol samples high-risk funnel behavior; it is not an exhaustive audit. Automated tools cannot determine whether every instruction, focus move, alternative, or result explanation is meaningful. Legal requirements vary by jurisdiction, sector, audience, and procurement standard.
Passing the 20 cases is not a legal certification or a claim of full WCAG conformance. Recheck the normative standard, involve people with disabilities in testing, use qualified accessibility review where risk is material, and report the browser, assistive technology, viewport, date, and unresolved failures.
The guide is standards-led and product-neutral. It reports no authenticated product audit, vendor score, compliance status, conversion result, or universal testing environment. Send corrections through the site contact page.
The decision in one paragraph
Test the complete decision path, not a screenshot. Progress, focus, labels, errors, preserved answers, conditional content, results, contact collection, and confirmation must work together for keyboard and assistive-technology users, and every pass should be reproducible in a named environment.