Skip to main content
← Back to Tutorials

Single Page Scan

Open the side panel, scan a page, and read the results — the most basic A11y Scan workflow.

Open Demo PageFollow along on the demo page while watching the video

Video coming soon

Follow the written steps below in the meantime

Step-by-Step Instructions

  1. 1
    Open the Single Page Scan demo in Chrome.
  2. 2
    Click the A11y Scan icon in the toolbar — the side panel opens on the right.
  3. 3
    Choose your WCAG version (2.2) and level (AA) from the dropdowns at the top.
  4. 4
    Click Start Scan.
  5. 5
    The Results tab shows violations grouped by WCAG criterion, sorted by severity (critical → minor).
  6. 6
    Click any violation to expand it — see the affected HTML element, failure summary, and a link to WCAG guidance.
  7. 7
    Click the element selector (CSS path) to highlight it on the page.
  8. 8
    The demo page has 11 intentional violations: missing alt text, empty button, empty link, low contrast, missing form label, list items outside a list, missing lang, empty heading, skipped heading, content outside landmark, and an image link with no text.
← All Tutorials