Your Agency
Accessibility monitoring report
www.w3.org/WAI/demos/bad/before/home.html
Oct 12, 2026

Sample report. It uses a real scan of W3C WAI's public “Before” demo page (a fictional site built to show accessibility problems). The agency name is a placeholder; agencies upload their own name and logo.

30of 100

Summary

46 issues across 1 page · 46 critical or serious

34 critical12 serious0 moderate0 minor

Changes since the previous scan

0new issue types
5reappeared after being fixed
0fixed

Monitoring log

Scan date (UTC)Issues found
Oct 12, 202646
Oct 5, 20264
Sep 28, 202646
Sep 21, 20264

What to fix first

  1. Images must have alternative text Reappeared

    critical 33 elements · www.w3.org/WAI/demos/bad/before/home.html

    Affected: img[src$="border_left_top.gif"] img[src$="border_top.gif"] img[src$="border_right_top.gif"]

    Suggested fix: Add an alt attribute to every <img>. Describe what the image communicates in context; use alt="" for purely decorative images.
    <img src="team.jpg" alt="Our five-person support team in the office">
    <img src="divider.svg" alt="">
  2. Select element must have an accessible name Reappeared

    critical 1 element · www.w3.org/WAI/demos/bad/before/home.html

    Affected: select

    Suggested fix: Give every <select> a label.
    <label for="size">Size</label>
    <select id="size">…</select>
  3. Links must have discernible text Reappeared

    serious 7 elements · www.w3.org/WAI/demos/bad/before/home.html

    Affected: #home > a[onfocus="blur();"] #news > a[onfocus="blur();"] #tickets > a[onfocus="blur();"]

    Suggested fix: Give every link discernible text. For icon-only links, add an aria-label or visually hidden text.
    <a href="/cart" aria-label="Shopping cart"><svg aria-hidden="true">…</svg></a>
  4. Elements must meet minimum color contrast ratio thresholds Reappeared

    serious 2 elements · www.w3.org/WAI/demos/bad/before/home.html

    Affected: tr[height="25px"]:nth-child(2) > td[bgcolor="#A9B8BF"][width="150px"] > font[color="#41545D"][size="2"] > b tr[height="25px"]:nth-child(7) > td[bgcolor="#A9B8BF"][width="150px"] > font[color="#41545D"][size="2"] > b

    Suggested fix: Darken the text or lighten the background until normal text reaches 4.5:1 and large text (24px, or 18.66px bold) reaches 3:1. Check hover, focus and placeholder states too.
    /* #767676 on white is 4.54:1 */
    .note { color: #595959; background: #ffffff; }
  5. All touch targets must be 24px large, or leave sufficient space

    serious 2 elements · www.w3.org/WAI/demos/bad/before/home.html

    Affected: .inaccessible > .report[href$="home.html"] .accessible > .report[href$="home.html"]

    Suggested fix: Make touch targets at least 24 by 24 CSS pixels, or space smaller targets so a 24px circle around each does not overlap another.
    .icon-link { min-width: 24px; min-height: 24px; padding: 4px; }
  6. <html> element must have a lang attribute Reappeared

    serious 1 element · www.w3.org/WAI/demos/bad/before/home.html

    Affected: html

    Suggested fix: Add a lang attribute to the html element.
    <html lang="en">

Download PDF