{ "name": "Beta Block — deliberate accessibility-failures demo", "publisher": "pour.dev", "url": "https://pour.dev/demo/betablock/", "updated": "2026-08-25", "purpose": "A realistic-looking one-page site for a FICTIONAL bouldering gym, with accessibility failures seeded on purpose and documented here as ground truth. It exists so that ANY accessibility checker can be scored against a page whose defects are known — it is not tuned to favour any one tool. Every fault is a pattern taken from real-world sites and is decidable from the published WCAG 2.2 text.", "how_to_score": "Every seeded fault lives on an element carrying a data-fault attribute (space-separated ids when one element carries several). Map your tool's findings to elements, then to ids; when one element carries several ids, credit a finding only to the id whose pattern it addresses. A conforming checker should report every row in `violations` as a definite failure. Rows in `reviews` are seeded patterns whose verdict genuinely needs a human (or that responsible tools surface as 'needs review'); reporting them as reviews or violations both count as caught. Rows in `best_practices` are minor-severity best-practice patterns with no single normative WCAG failure: score them only if your tool runs best-practice checks, and never count them toward the WCAG score. `tier` records measured behaviour, not opinion: baseline = axe-core reports it as a definite violation on this page; frontier = decidable from the spec text but not asserted by axe-core here (other tools may differ). Measured on axe-core 4.12 and re-measured 2026-08-18 on axe-core 4.13.0, injected from the npm package: behaviour identical on every row.", "fairness_notes": [ "Zero engine-specific traps: every pattern below ships on real production sites.", "The hero image is a deterministic inline SVG with uniformly light pixels, so 'white text over this image fails 1.4.3' is provable from the pixels — engines that refuse to sample images will report it for review instead; that is a legitimate, honest answer and scores as caught.", "The placeholder-only fields (V11/V13/V16) have an accessible NAME via the placeholder fallback in accname, which is why some engines pass them. They are still seeded: a label that disappears the moment you type fails the intent of 3.3.2/1.3.1 per W3C's own guidance (G131, placeholder-attribute advisories).", "One real-world pattern is deliberately NOT seeded: a 2.5.3 label-in-name mismatch (visible text absent from aria-label). Neither pour (rule currently parked for quality review) nor axe-core reported it in testing, so it would sit unfound by every scored tool and add noise to the ground truth." ], "violations": [ { "id": "V01", "sc": "3.1.1", "level": "A", "pattern": "No lang attribute on ", "where": "html", "tier": "baseline" }, { "id": "V02", "sc": "1.4.4", "level": "AA", "pattern": "Viewport meta disables zoom (user-scalable=no, maximum-scale=1)", "where": "meta[name=viewport]", "tier": "baseline" }, { "id": "V03", "sc": "1.1.1", "level": "A", "pattern": "Logo image with no alt text", "where": "header home link > img", "tier": "baseline" }, { "id": "V04", "sc": "2.4.4", "level": "A", "pattern": "Home link whose only content is that unnamed image — the link has no accessible name", "where": "header home link", "tier": "baseline" }, { "id": "V05", "sc": "4.1.2", "level": "A", "pattern": "Icon-only menu button with no accessible name", "where": ".menubtn", "tier": "baseline" }, { "id": "V06", "sc": "1.4.3", "level": "AA", "pattern": "White H1 over a uniformly pale background image (provably below 4.5:1 against every pixel)", "where": ".hero h1", "tier": "frontier", "note": "axe-core reports this for review (bgImage); asserting requires sampling the image" }, { "id": "V06b", "sc": "1.4.3", "level": "AA", "pattern": "White paragraph text over the same pale image", "where": ".hero p.lead", "tier": "frontier" }, { "id": "V07", "sc": "1.4.3", "level": "AA", "pattern": "White button text on #FFD23F yellow (1.58:1)", "where": ".hero .cta", "tier": "baseline" }, { "id": "V08", "sc": "1.4.1", "level": "A", "pattern": "Link in prose distinguished from surrounding text by colour alone (no underline, link-vs-text contrast under 3:1)", "where": ".intro a", "tier": "baseline" }, { "id": "V09", "sc": "1.4.3", "level": "AA", "pattern": "Body text at #9A9A9A on white (2.68:1)", "where": ".intro .finePrint", "tier": "baseline" }, { "id": "V11", "sc": "1.3.1/3.3.2", "level": "A", "pattern": "Text input whose only 'label' is its placeholder", "where": "booking form, name and email fields", "tier": "frontier", "note": "placeholder feeds accname, so name-based checks pass them; the visible label is still missing. Tagging corrected 2026-08-25: the email field always was placeholder-only (it also carries V12/V15) but its data-fault did not say so." }, { "id": "V12", "sc": "1.3.5", "level": "AA", "pattern": "Invalid autocomplete token ('e-mail')", "where": "booking form, email field", "tier": "baseline" }, { "id": "V13", "sc": "1.3.1/3.3.2", "level": "A", "pattern": "Placeholder-only phone field", "where": "booking form, phone field", "tier": "frontier" }, { "id": "V14", "sc": "1.3.1/4.1.2", "level": "A", "pattern": "Select element with no label of any kind", "where": "booking form, time-slot select", "tier": "baseline" }, { "id": "V15", "sc": "1.3.5", "level": "AA", "pattern": "Same invalid autocomplete token, counted with its field", "where": "booking form, email field", "tier": "baseline" }, { "id": "V16", "sc": "1.4.3", "level": "AA", "pattern": "Placeholder text at #C4C4C4 on white (1.93:1) across the booking fields", "where": "booking form inputs", "tier": "frontier", "note": "placeholder contrast is real presented text; most tools skip it. Tagging corrected 2026-08-25: the id now sits on every booking input showing the placeholder, matching this row's own 'across the booking fields'." }, { "id": "V17", "sc": "1.3.1", "level": "A", "pattern": "Data table (class schedule) with no header cells at all — the header row is styled s", "where": ".schedule table", "tier": "frontier" }, { "id": "V18a", "sc": "1.1.1", "level": "A", "pattern": "Informative gallery photo with no alt", "where": ".gallery img (1st)", "tier": "baseline" }, { "id": "V18b", "sc": "1.1.1", "level": "A", "pattern": "Informative gallery photo with no alt", "where": ".gallery img (2nd)", "tier": "baseline" }, { "id": "V18c", "sc": "1.1.1", "level": "A", "pattern": "Informative gallery photo with no alt", "where": ".gallery img (3rd)", "tier": "baseline" }, { "id": "V19a", "sc": "4.1.2", "level": "A", "pattern": "aria-hidden='true' on a focusable real button", "where": "gallery stepper, up", "tier": "baseline" }, { "id": "V19b", "sc": "4.1.2", "level": "A", "pattern": "aria-hidden='true' on a focusable real button", "where": "gallery stepper, down", "tier": "baseline" }, { "id": "V20", "sc": "4.1.2", "level": "A", "pattern": "role='checkbox' div with no aria-checked and no accessible name", "where": "booking form waiver box", "tier": "baseline" }, { "id": "V22", "sc": "4.1.2/1.3.1", "level": "A", "pattern": "aria-labelledby pointing at an id that does not exist (and no other label)", "where": "booking form promo-code field", "tier": "frontier", "note": "axe books the broken reference as needs-review, not a violation; measured on 4.12.1 and 4.13.0" }, { "id": "V23", "sc": "4.1.2", "level": "A", "pattern": "iframe with no title", "where": "booking map frame", "tier": "baseline" }, { "id": "V24", "sc": "1.1.1", "level": "A", "pattern": " submit with no alt", "where": "newsletter form", "tier": "baseline" }, { "id": "V25", "sc": "1.3.1", "level": "A", "pattern": "