A11y Checklist Panel
WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.
WCAG 2.1 audit checklist with pass, fail, and manual badges per criterion, an overall score, and per-row links to the W3C understanding docs.
The Application Collection unlocks the source for every Application block. All Access unlocks every Collection.
Already purchased? Log in
A11y Checklist Panel is the WCAG 2.1 audit surface for the Acme workspace interface, eight criteria in a ruled list: criterion ID, name, level badge (A or AA), a one- line description, and a pass/fail/manual badge. The header pairs the panel title with an overall score chip, 62% driven by pass count, plus the breakdown: 5 pass, 1 fail, 2 manual. Each row carries a Detail link to the W3C understanding document.
Checks are one typed array; the score is derived at module level so the header chip and footer always agree. The distinction between fail (ship blocker) and manual (human review required) is what separates a useful audit panel from a green-lights-only vanity meter.
Reach for this block on the accessibility or audit page of a settings area, wired to your automated checker output. Fix fails before shipping and schedule human review for manual rows.
A natural flow around it on an Application Pro page:
Before
After
One strong use is the WCAG 2.1 product audit panel. Other checklist shapes:
Tip: manual rows need an owner and a review date or they stay manual forever; add both as columns.