Video script — TheAccessibleWeb walkthrough
- Product: TheAccessibleWeb — https://remediate.theaccessible.org
- Goal: show a page get remediated — from a URL and via a TheAccessibleAudit hand-off — and reviewed in the diff editor before shipping.
- Length: ~90 seconds
- Audience: developers and accessibility leads who need to fix WCAG issues on real pages, not just find them.
- Embeds on:
html/getting-started
Read the accessibility requirements. Remediate a synthetic demo page, not a real customer URL. TheAccessibleWeb is the fix step after a TheAccessibleAudit scan — keep that framing.
Shot list
| # | Dur | Visual / on-screen action | Voiceover | On-screen text |
|---|---|---|---|---|
| 1 | 0:00–0:09 | An audit results list full of violations; a “Now what?” caption. | ”Finding accessibility problems is step one. TheAccessibleWeb is step two — it fixes them, and shows you every change before you ship.” | Find → Fix |
| 2 | 0:09–0:22 | Sign-in; a page URL is entered, WCAG level set to AA, Scan clicked; the job appears in the Jobs list. | ”Start from a URL and pick WCAG level A or AA. The page is rendered in a real browser — desktop, mobile, and dark mode — audited, and remediated.” | URL · Level AA · Real browser |
| 3 | 0:22–0:32 | The other way in: an audit result’s “Start guided verification / Fix Wizard” button hands off (same sign-in). | ”Or arrive straight from a TheAccessibleAudit scan — Start guided verification reuses the results here, no re-scan.” | Audit hand-off · No re-scan |
| 4 | 0:32–0:46 | The fix wizard groups violations critical → serious → moderate; a copy-ready fix and AI-suggested alt text are shown; an item is marked done. | ”The wizard groups issues by severity, gives copy-ready fixes and AI-suggested content like alt text, and lets you check each one off.” | Severity groups · Copy-ready fixes · AI alt text |
| 5 | 0:46–1:00 | The editor: Visual/Code toggle, device variants; the header shows remaining vs fixed; clicking a violation highlights it in the page. | ”Open the editor to see the diff. Switch between visual and code, watch the remaining-versus-fixed count, and click any violation to highlight it in the page.” | Visual / Code · Remaining vs fixed |
| 6 | 1:00–1:12 | The Walkthrough steps through issues one by one; an inline Edit is made and the page re-validates on exit. | ”Step through issues one at a time, make an inline tweak, and it re-validates the moment you leave edit mode.” | Walkthrough · Re-validate on save |
| 7 | 1:12–1:24 | Assets: remediated HTML + conformance report download; a “Punch List” with Dev-Required items. | ”Download the remediated HTML and a conformance report as proof. Anything that needs a developer — like landmarks or skip links — goes on a punch list.” | Remediated HTML · Report · Punch list |
| 8 | 1:24–1:30 | End card: logo, “The fix step”, URL. | ”Don’t just audit it — fix it.” | TheAccessibleWeb · remediate.theaccessible.org |
Voiceover transcript
Finding accessibility problems is step one. TheAccessibleWeb is step two — it fixes them, and shows you every change before you ship.
Start from a URL and pick WCAG level A or AA. The page is rendered in a real browser — desktop, mobile, and dark mode — audited, and remediated.
Or arrive straight from a TheAccessibleAudit scan — Start guided verification reuses the results here, no re-scan.
The wizard groups issues by severity, gives copy-ready fixes and AI-suggested content like alt text, and lets you check each one off.
Open the editor to see the diff. Switch between visual and code, watch the remaining-versus-fixed count, and click any violation to highlight it in the page.
Step through issues one at a time, make an inline tweak, and it re-validates the moment you leave edit mode.
Download the remediated HTML and a conformance report as proof. Anything that needs a developer — like landmarks or skip links — goes on a punch list.
Don’t just audit it — fix it.
Accuracy notes
- Positioned as the fix step after TheAccessibleAudit (not a separate product
line). Two entries: a URL scan and the audit hand-off / Fix Wizard at
/audit/wizard/?id=…(reuses the audit result, no re-scan). - Scan renders in a real browser (desktop, mobile, dark), audited with axe-core.
- Fix wizard groups violations critical → serious → moderate; offers copy-ready instructions + AI-suggested content (alt text, link text); Re-scan to verify.
- Editor: Visual/Code + device variants, remaining-vs-fixed header, Walkthrough, Alt Text. Dev Required items (landmarks, skip links) → Punch List, not fixed inline. Assets: remediated HTML, original, conformance report, checklist.