Skip to content

Specimen

A sample report, from a page built to fail.

This is a frozen specimen of a marketing launch page — not a live fetch — so you can see how findings are grouped, assigned and decided before you run your own URL.

Live · example.com/launch

Proof sheet

20 Aug 2026, 16:00 UTC · 1 redirect · HTTP 200

Publish status

Changes required

2 checks passed · 6 blockers · 7 warnings · 8 require manual review

BlockerWarningImprovementPassedManual reviewContentMarketingDesignEngineering

Partial automated review of the delivered HTML, including axe-core — not a WCAG certification. Colour contrast, keyboard operation, focus order and whether alt text is any good still need a person.

  1. Issue 1 of 13

    Screen readers pick a pronunciation from this attribute. Without it, English content can be read with the wrong voice.

    WCAG 2.2 3.1.1 Language of Page

    Page

    https://example.com/launch

    Affected element

    <html>

    Recommended fix

    Set a language tag on the root element.

    <html lang="en">
  2. Issue 2 of 13

    The first heading tells a screen-reader user — and a search engine — what this page is.

    WCAG 2.2 1.3.1 Info and Relationships

    Page

    https://example.com/launch

    Recommended fix

    Give the page one top-level heading naming the campaign.

    <h1>Autumn launch</h1>
  3. Issue 3 of 13

    With no alt attribute a screen reader falls back to the file name, or skips the image.

    WCAG 2.2 1.1.1 Non-text Content

    Page

    https://example.com/launch

    Affected element

    <img src="/hero.jpg">

    Recommended fix

    Describe what the image conveys, or use alt="" if it is decorative.

    <img src="/hero.jpg" alt="The product on a kitchen counter" />
  4. Issue 5 of 13

    An unnamed button is announced as “button” with no indication of what it will do.

    Page

    https://example.com/launch

    Affected element

    <button></button>

    Recommended fix

    Add button text or an aria-label.

    <button type="submit">Join the waitlist</button>
  5. Issue 6 of 13

    An unlabelled field is announced only by its type. Placeholder text disappears on typing.

    Page

    https://example.com/launch

    Affected element

    <input type="email" name="email" placeholder="Email">

    Recommended fix

    Tie a label to the field with for/id.

    <label for="email">Email</label>
    <input id="email" type="email" />
  6. Issue 7 of 13

    Reading “byline.png” aloud tells the listener nothing about the picture.

    Page

    https://example.com/launch

    Affected element

    <img src="/byline.png" alt="byline.png">

    Recommended fix

    Replace the file name with a description of the image.

  7. Issue 8 of 13

    Without a canonical, crawlers may treat tracking parameters and duplicate paths as separate pages.

    Page

    https://example.com/launch

    Recommended fix

    Point the canonical at the clean address of this page.

    <link rel="canonical" href="https://example.com/launch" />
  8. Issue 9 of 13

    Search-generated answers and AI overviews may only use a short excerpt from this page.

    Page

    https://example.com/launch

    Affected element

    <meta name="robots" content="max-snippet:50">

    Recommended fix

    Raise or remove max-snippet if you want more page content available to crawlers.

  9. Issue 11 of 13

    Without reserved space the page jumps when images arrive.

    Page

    https://example.com/launch

    Affected element

    <img src="/hero.jpg">

    Recommended fix

    Set width and height to the image’s intrinsic size.

    <img src="/hero.jpg" width="1200" height="630" alt="…" />
  10. Issue 12 of 13

    Search results truncate near 60 characters, and a one-word title wastes the strongest ranking signal on the page.

    Page

    https://example.com/launch

    Affected element

    Launch

    Recommended fix

    Lead with the campaign and the brand, about 15 to 60 characters.

  11. Issue 13 of 13

    Shared links fall back to whatever the platform can scrape — usually no image and a truncated headline.

    Open Graph protocol

    Page

    https://example.com/launch

    Recommended fix

    Add the missing Open Graph tags to the head.

    <meta property="og:image" content="https://example.com/share.png" />

Manual review — 8 checks

Automation cannot decide these

A clean automated pass is not WCAG conformance and is not a legal certification. These need a person before you claim any level of compliance.

  • Manual

    Colour contrast of text and UI

    Design

    Contrast depends on rendered styles and backgrounds, including images and gradients behind text. It cannot be judged from markup alone.

    WCAG 2.2 1.4.3 Contrast (Minimum)
  • Manual

    Keyboard path through the page

    Engineering

    Every control should be reachable and operable with a keyboard, in an order that matches the visual layout, with no traps.

    WCAG 2.2 2.1.1 Keyboard
  • Manual

    Visible focus on every control

    Design

    Focus styling has to be seen to be useful. Custom components often remove the default ring without replacing it.

    WCAG 2.2 2.4.7 Focus Visible
  • Manual

    Whether alt text actually describes the image

    Content

    A present alt attribute is not a good one. Only a person can judge whether the words carry the same meaning as the picture.

    WCAG 2.2 1.1.1 Non-text Content
  • Manual

    Meaningful reading and announcement order

    Engineering

    CSS can reorder content visually while the underlying sequence stays wrong for screen readers and keyboard users.

    WCAG 2.2 1.3.2 Meaningful Sequence
  • Manual

    Reflow at 320px and 400% zoom

    Engineering

    Content should not require two-dimensional scrolling when the viewport is narrow or heavily zoomed.

    WCAG 2.2 1.4.10 Reflow
  • Manual

    Captions and transcripts for audio and video

    Content

    Time-based media needs an equivalent for people who cannot hear or watch it. Presence of a player says nothing about captions.

    WCAG 2.2 1.2.2 Captions (Prerecorded)
  • Manual

    Form errors explain how to recover

    Engineering

    Errors must be identified in text and describe the fix, not just colour a field red.

    WCAG 2.2 3.3.3 Error Suggestion

How the status is decided

There is no letter grade and no 0–100 score. Any blocker means Changes required. Ready is not conformance: the manual checks still have to be done.