pour-engine 1.28.0 → 1.30.0

package/README.md

@@ -21,10 +21,6 @@ can verify are returned as a `manualReview` checklist instead of being
 silently skipped, and findings the engine can't judge conclusively land in
 `incomplete` rather than being guessed at.
 
-An experimental WCAG 3.0 draft mode (`engine/wcag30-draft.js`) reframes
-results against the draft's guidelines — clearly stamped as a draft, because
-no tool can honestly claim conformance to an unfinished standard.
-
 ## Getting started
 
 ```sh
@@ -39,7 +35,6 @@ const results = await run(document, {
   // optional: filter rules by tag. Tags are cumulative — WCAG 2.2 AA means
   // every A/AA rule from 2.0 through 2.2. Omit to run everything.
   tags: ['wcag2a', 'wcag2aa', 'wcag21a', 'wcag21aa', 'wcag22a', 'wcag22aa'],
-  // standard: 'wcag30-draft', // optional: experimental WCAG 3.0 draft mode
 });
 
 console.log(results.violations, results.passes, results.incomplete);
@@ -89,7 +84,7 @@ static HTML strings. For Node-based testing, drive it through a real browser
   (`1.1.1-image-alt.js`), plus the catalog index.
 - `engine/lib/` — shared helpers: DOM traversal, accessible-name
   computation, contrast math, role model.
-- `engine/wcag22.js`, `engine/wcag30-draft.js` — the WCAG catalogs.
+- `engine/wcag22.js` — the WCAG catalog.
 - `config/project.config.js` — package-local stand-in for the pour
   monorepo's project config (engine name + version only).
 

package/config/project.config.js

@@ -6,6 +6,6 @@
 export default {
   engine: {
     name: 'pour engine',
-    version: '1.28.0',
+    version: '1.30.0',
   },
 };

package/engine/index.js

@@ -4,7 +4,6 @@
 import config from '../config/project.config.js';
 import rules from './rules/index.js';
 import wcagCatalog from './wcag22.js';
-import wcag30Draft from './wcag30-draft.js';
 import { isVisible, isRendered, cssPath, htmlSnippet, ownText, collectRoots } from './lib/dom.js';
 import { accessibleName } from './lib/accessible-name.js';
 import { resetAuditCaches } from './lib/contrast.js';
@@ -79,16 +78,11 @@ function toResultNode(element, outcome) {
 /**
  * Run the audit.
  * @param {Document|Element} context - what to scan
- * @param {{ tags?: string[], exclude?: string, standard?: string, signal?: AbortSignal }} options -
+ * @param {{ tags?: string[], exclude?: string, signal?: AbortSignal }} options -
  *   rule selection by tag (wcag2a…wcag22aa, best-practice), empty selects
  *   every rule; exclude is a CSS selector — elements matching it, or inside
  *   a match (including across shadow boundaries), are left out of every
- *   rule; standard 'wcag30-draft' reframes the report against the WCAG 3.0
- *   Working Draft (results.standard is stamped draft, the manual checklist
- *   becomes the draft guidelines, and each rule result carries the draft
- *   guideline it maps to) — the rules themselves stay WCAG 2.x, which is
- *   the only honest claim a tool can make about a draft;
- *   signal aborts the run between rules (throws AbortError)
+ *   rule; signal aborts the run between rules (throws AbortError)
  * @param {(progress: object) => void} [onProgress] - called before each rule
  *   starts ({rule, running}), during a rule at each renderer yield with a
  *   fractional done (completed rules + this rule's evaluated-element share,
@@ -97,17 +91,15 @@ function toResultNode(element, outcome) {
  */
 export async function run(context = document, options = {}, onProgress) {
   const auditStarted = performance.now();
-  const draft30 = options.standard === 'wcag30-draft';
   const results = {
     testEngine: { name, version },
     timestamp: new Date().toISOString(),
     url: context.location?.href ?? context.ownerDocument?.location?.href ?? '',
-    standard: draft30 ? wcag30Draft.draftInfo : null,
     violations: [],
     passes: [],
     incomplete: [],
     inapplicable: [],
-    manualReview: draft30 ? wcag30Draft.manualReviewChecklist() : manualReviewCriteria(options.tags),
+    manualReview: manualReviewCriteria(options.tags),
     ruleTimings: [],
   };
 
@@ -185,7 +177,9 @@ export async function run(context = document, options = {}, onProgress) {
 
     let outcomes;
     if (rule.evaluateAll) {
-      outcomes = rule.evaluateAll(elements, ruleHelpers);
+      // Awaiting a plain array is a no-op, so sync evaluateAll rules are
+      // untouched — async ones (the deferred-reference probe) resolve here.
+      outcomes = await rule.evaluateAll(elements, ruleHelpers);
     } else {
       // Evaluate sequentially with periodic yields so ONE heavy rule on a
       // huge element set can't freeze the page for its whole duration —
@@ -221,17 +215,15 @@ export async function run(context = document, options = {}, onProgress) {
 
     const ruleResult = {
       id: rule.id,
+      // Human display name ("Form field labels"); the id stays the
+      // machine handle everywhere (selectors, exports, docs anchors).
+      name: rule.name ?? rule.id,
       impact: rule.impact,
       tags: rule.tags,
       help: rule.help,
       description: rule.help,
       helpUrl: rule.helpUrl,
     };
-    if (draft30) {
-      // Which draft guideline this 2.x rule speaks to (null for rules with
-      // no draft counterpart, e.g. best-practice extras).
-      ruleResult.wcag30 = wcag30Draft.guidelineForTags(rule.tags);
-    }
     if (!elements.length) results.inapplicable.push({ ...ruleResult, nodes: [] });
     if (buckets.fail.length) results.violations.push({ ...ruleResult, nodes: buckets.fail });
     if (buckets.incomplete.length) results.incomplete.push({ ...ruleResult, nodes: buckets.incomplete });
@@ -250,6 +242,15 @@ export async function run(context = document, options = {}, onProgress) {
       ms,
       counts: { ...liveCounts },
       typeCounts: { ...liveTypeCounts },
+      // The completed rule's actual findings, so a UI can BUILD its list
+      // as rules finish rather than delivering everything at the end.
+      // Present only when the rule found something.
+      ...(buckets.fail.length || buckets.incomplete.length ? {
+        findings: {
+          ...(buckets.fail.length ? { violation: { ...ruleResult, nodes: buckets.fail } } : {}),
+          ...(buckets.incomplete.length ? { incomplete: { ...ruleResult, nodes: buckets.incomplete } } : {}),
+        },
+      } : {}),
     });
   }
 

package/engine/rules/best-practice/accesskeys.js

@@ -1,5 +1,6 @@
 export default {
   id: 'accesskeys',
+  name: 'Duplicate access keys',
   impact: 'serious',
   tags: ['best-practice'],
   help: 'The same accesskey must not be assigned twice',

package/engine/rules/best-practice/button-type.js

@@ -1,5 +1,6 @@
 export default {
   id: 'button-type',
+  name: 'Button types in forms',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'Buttons inside forms should declare their type',

package/engine/rules/best-practice/empty-heading.js

@@ -1,5 +1,6 @@
 export default {
   id: 'empty-heading',
+  name: 'Empty headings',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'Headings must contain text',

package/engine/rules/best-practice/fieldset-legend.js

@@ -3,6 +3,7 @@
 import { labelledByName } from '../../lib/accessible-name.js';
 export default {
   id: 'fieldset-legend',
+  name: 'Grouped field labels',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'Radio and checkbox groups should be grouped with a label',

package/engine/rules/best-practice/heading-order.js

@@ -5,6 +5,7 @@ const level = (el) =>
 
 export default {
   id: 'heading-order',
+  name: 'Heading order',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'Headings should step down one level at a time',

package/engine/rules/best-practice/landmark-one-main.js

@@ -1,5 +1,6 @@
 export default {
   id: 'landmark-one-main',
+  name: 'One main landmark',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'The page should have exactly one main landmark',

package/engine/rules/best-practice/landmark-top-level.js

@@ -22,6 +22,7 @@ function landmarkAncestor(element) {
 
 export default {
   id: 'landmark-top-level',
+  name: 'Top-level landmarks',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'banner, main and contentinfo landmarks must be top level',

package/engine/rules/best-practice/landmark-unique.js

@@ -22,6 +22,7 @@ const landmarkName = (element) =>
 
 export default {
   id: 'landmark-unique',
+  name: 'Distinguishable landmarks',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'Landmarks of the same type need distinguishing labels',

package/engine/rules/best-practice/multiple-labels.js

@@ -5,6 +5,7 @@
 // pair usually reads better as label + aria-describedby.
 export default {
   id: 'multiple-labels',
+  name: 'Multiple labels',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'Form fields should not have multiple labels',

package/engine/rules/best-practice/new-window-link.js

@@ -4,6 +4,7 @@ const MENTIONS_NEW_WINDOW = /new (window|tab)|opens? in/i;
 
 export default {
   id: 'new-window-link',
+  name: 'New-window warnings',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'Links opening a new window should say so',

package/engine/rules/best-practice/no-autofocus.js

@@ -1,5 +1,6 @@
 export default {
   id: 'no-autofocus',
+  name: 'Autofocus on load',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'autofocus disorients assistive-technology users',

package/engine/rules/best-practice/page-heading-one.js

@@ -1,5 +1,6 @@
 export default {
   id: 'page-heading-one',
+  name: 'Leading page heading',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'Every page should start its outline with an <h1>',

package/engine/rules/best-practice/positive-tabindex.js

@@ -1,5 +1,6 @@
 export default {
   id: 'positive-tabindex',
+  name: 'Positive tabindex',
   impact: 'serious',
   tags: ['best-practice'],
   help: 'Positive tabindex values disrupt the natural focus order',

package/engine/rules/best-practice/redundant-alt-phrase.js

@@ -5,6 +5,7 @@ const REDUNDANT_PHRASE = /^(image|picture|graphic|icon)\b( of\b)?/i;
 
 export default {
   id: 'redundant-alt-phrase',
+  name: 'Redundant alt phrasing',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'alt text should not start with "image of" or similar',

package/engine/rules/best-practice/redundant-aria-label.js

@@ -11,6 +11,7 @@ const NAME_FROM_CONTENT = new Set(['button', 'link', 'menuitem', 'menuitemcheckb
 
 export default {
   id: 'redundant-aria-label',
+  name: 'Redundant aria-label',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'aria-label should not repeat the visible text',

package/engine/rules/best-practice/redundant-aria.js

@@ -10,6 +10,7 @@ const NATIVE_PAIRS = [
 
 export default {
   id: 'redundant-aria',
+  name: 'Redundant ARIA attributes',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'aria attributes should not duplicate native HTML attributes',

package/engine/rules/best-practice/redundant-image-alt.js

@@ -1,5 +1,6 @@
 export default {
   id: 'redundant-image-alt',
+  name: 'Redundant image alt',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'Image alt should not repeat adjacent link or button text',

package/engine/rules/best-practice/redundant-role.js

@@ -28,6 +28,7 @@ function implicitRole(element) {
 
 export default {
   id: 'redundant-role',
+  name: 'Redundant roles',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'role attributes should not repeat the element’s built-in role',

package/engine/rules/best-practice/redundant-tabindex.js

@@ -1,5 +1,6 @@
 export default {
   id: 'redundant-tabindex',
+  name: 'Redundant tabindex',
   impact: 'minor',
   tags: ['best-practice'],
   help: 'tabindex="0" is unnecessary on natively focusable elements',

package/engine/rules/best-practice/region.js

@@ -6,6 +6,7 @@ const LANDMARK =
 
 export default {
   id: 'region',
+  name: 'Content outside landmarks',
   impact: 'moderate',
   tags: ['best-practice'],
   help: 'All readable content belongs inside a landmark region',

package/engine/rules/wcag/1.1.1-area-alt.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.1.1 Non-text Content (Level A) · SC 2.4.4 Link Purpose (In Context) (Level A)
 export default {
   id: 'area-alt',
+  name: 'Image map alt text',
   impact: 'critical',
   tags: ['wcag2a', 'wcag111', 'wcag244'],
   help: 'Image map areas must have alternative text',

package/engine/rules/wcag/1.1.1-canvas-alt.js

@@ -15,6 +15,7 @@
 // matters.
 export default {
   id: 'canvas-alt',
+  name: 'Canvas accessible name',
   impact: 'moderate',
   tags: ['wcag2a', 'wcag111'],
   help: 'Meaningful <canvas> graphics need an accessible name or fallback',

package/engine/rules/wcag/1.1.1-embed-alt.js

@@ -11,6 +11,7 @@
 // is, but no criterion provably fails.
 export default {
   id: 'embed-alt',
+  name: 'Embed accessible name',
   impact: 'serious',
   tags: ['wcag2a', 'wcag111'],
   help: '<embed> needs an accessible name',

package/engine/rules/wcag/1.1.1-image-alt.js

@@ -10,6 +10,7 @@ const GENERIC_ALT = /^(image|img|photo|photograph|picture|graphic|icon|untitled|
 
 export default {
   id: 'image-alt',
+  name: 'Image alt text',
   impact: 'critical',
   tags: ['wcag2a', 'wcag111'],
   help: 'Every <img> needs a text alternative',

package/engine/rules/wcag/1.1.1-input-image-alt.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.1.1 Non-text Content (Level A) · SC 4.1.2 Name, Role, Value (Level A)
 export default {
   id: 'input-image-alt',
+  name: 'Image button alt text',
   impact: 'critical',
   tags: ['wcag2a', 'wcag111', 'wcag412'],
   help: 'Image inputs need alt text describing their action',

package/engine/rules/wcag/1.1.1-object-alt.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.1.1 Non-text Content (Level A)
 export default {
   id: 'object-alt',
+  name: 'Object alt text',
   impact: 'serious',
   tags: ['wcag2a', 'wcag111'],
   help: '<object> embeds must have a text alternative',

package/engine/rules/wcag/1.1.1-svg-img-alt.js

@@ -3,6 +3,7 @@ import { labelledByName } from '../../lib/accessible-name.js';
 
 export default {
   id: 'svg-img-alt',
+  name: 'SVG accessible name',
   impact: 'serious',
   tags: ['wcag2a', 'wcag111'],
   help: 'Inline SVG and role="img" graphics need an accessible name',

package/engine/rules/wcag/1.2.2-media-captions.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.2.2 Captions (Prerecorded) (Level A)
 export default {
   id: 'media-captions',
+  name: 'Video captions',
   impact: 'critical',
   tags: ['wcag2a', 'wcag122'],
   help: 'Video content must have captions',
@@ -21,17 +22,23 @@ export default {
     if (!element.currentSrc && !element.getAttribute('src') && !element.querySelector('source')) {
       return { status: 'pass' };
     }
-    // The decorative no-audio-path signature — the same boundary
-    // video-loop-motion draws for 2.2.2: muted, autoplaying, no controls.
-    // With no controls there is no user path to unmute, so whatever audio
-    // the file may carry is never presented to anyone; audio that cannot be
+    // The decorative no-audio-path signature: muted with no controls. With
+    // no controls there is no user path to unmute, so whatever audio the
+    // file may carry is never presented to anyone; audio that cannot be
     // presented is not audio content under 1.2.2, and asking a human to
     // verify captions for it is noise (measured on the benchmark corpus:
     // our own site's aria-hidden hero loops, ffprobe-confirmed to carry no
     // audio stream, plus the same family on four news/university homes).
+    // HOW playback starts is deliberately not part of the signature: an
+    // earlier autoplay condition missed the two other members of the same
+    // family, measured on our own site — a crossfade B-roll take that only
+    // ever plays via script (no autoplay attribute, so the review fired
+    // exactly when the script had wired its src), and heroes whose
+    // autoplay attribute a reduced-motion handler removes. Muteness and
+    // controls decide whether audio can reach anyone; autoplay never did.
     // Properties, not attributes: script-muted heroes count too. A muted
     // video WITH controls keeps its review — one click unmutes it.
-    if (element.muted && element.autoplay && !element.controls) {
+    if (element.muted && !element.controls) {
       return { status: 'pass' };
     }
     // Captions may be burned in or provided by the player — a human must check.

package/engine/rules/wcag/1.3.1-aria-required-children.js

@@ -47,6 +47,7 @@ function candidateDescendants(element) {
 
 export default {
   id: 'aria-required-children',
+  name: 'Required ARIA children',
   impact: 'critical',
   tags: ['wcag2a', 'wcag131'],
   help: 'Composite ARIA roles must contain their required children',

package/engine/rules/wcag/1.3.1-aria-required-parent.js

@@ -20,6 +20,7 @@ const IMPLICIT_CONTAINER = { ul: 'list', ol: 'list', menu: 'list', table: 'table
 
 export default {
   id: 'aria-required-parent',
+  name: 'Required ARIA parent',
   impact: 'critical',
   tags: ['wcag2a', 'wcag131'],
   help: 'ARIA child roles must be inside their required container role',

package/engine/rules/wcag/1.3.1-definition-list.js

@@ -3,6 +3,7 @@ const ALLOWED = new Set(['DT', 'DD', 'DIV', 'SCRIPT', 'TEMPLATE']);
 
 export default {
   id: 'definition-list',
+  name: 'Definition list structure',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: '<dl> must be structured as term/description pairs',

package/engine/rules/wcag/1.3.1-dlitem-parent.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.3.1 Info and Relationships (Level A)
 export default {
   id: 'dlitem-parent',
+  name: 'Definition item placement',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: '<dt> and <dd> must be inside a <dl>',

package/engine/rules/wcag/1.3.1-form-label.js

@@ -6,6 +6,7 @@ import { labelledByName } from '../../lib/accessible-name.js';
 
 export default {
   id: 'form-label',
+  name: 'Form field labels',
   impact: 'critical',
   tags: ['wcag2a', 'wcag131', 'wcag332', 'wcag412'],
   help: 'Every form field needs a label',

package/engine/rules/wcag/1.3.1-list-structure.js

@@ -8,6 +8,7 @@ const ITEM_ROLES = ['listitem', 'presentation', 'none'];
 
 export default {
   id: 'list-structure',
+  name: 'List structure',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: 'Lists must only contain list items',

package/engine/rules/wcag/1.3.1-listitem-parent.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.3.1 Info and Relationships (Level A)
 export default {
   id: 'listitem-parent',
+  name: 'List item placement',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: '<li> must be inside a list',

package/engine/rules/wcag/1.3.1-p-as-heading.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.3.1 Info and Relationships (Level A)
 export default {
   id: 'p-as-heading',
+  name: 'Styled text as heading',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: 'Bold paragraphs should not stand in for headings',

package/engine/rules/wcag/1.3.1-table-headers.js

@@ -9,6 +9,7 @@
 // better than false positives on real pages.
 export default {
   id: 'table-headers',
+  name: 'Table header associations',
   impact: 'serious',
   tags: ['wcag2a', 'wcag131'],
   help: 'Data tables must have properly associated header cells',

package/engine/rules/wcag/1.3.4-orientation.js

@@ -46,6 +46,7 @@ function scanRules(rules, insideOrientation, findings) {
 
 export default {
   id: 'orientation-lock',
+  name: 'Orientation lock',
   impact: 'serious',
   tags: ['wcag21aa', 'wcag134'],
   help: 'Content must work in both portrait and landscape',

package/engine/rules/wcag/1.3.5-autocomplete-valid.js

@@ -16,6 +16,7 @@ const TOKENS = new Set([
 
 export default {
   id: 'autocomplete-valid',
+  name: 'Autocomplete tokens',
   impact: 'serious',
   tags: ['wcag21aa', 'wcag135'],
   help: 'autocomplete attributes must use valid tokens',

package/engine/rules/wcag/1.4.1-link-in-text-block.js

@@ -3,6 +3,7 @@ import { parseColor, contrastRatio } from '../../lib/contrast.js';
 
 export default {
   id: 'link-in-text-block',
+  name: 'Link distinction in text',
   impact: 'serious',
   tags: ['wcag2a', 'wcag141'],
   help: 'Links inside text must be distinguishable by more than colour',

package/engine/rules/wcag/1.4.10-reflow.js

@@ -6,6 +6,7 @@
 // and images are exempt content the geometry can't distinguish.
 export default {
   id: 'reflow',
+  name: 'Content reflow',
   impact: 'moderate',
   tags: ['wcag21aa', 'wcag1410'],
   help: 'Content should reflow to one-dimensional scrolling',

package/engine/rules/wcag/1.4.11-non-text-contrast.js

@@ -10,6 +10,7 @@ import { parseColor, contrastRatio, composite, effectiveBackground, showRatio }
 
 export default {
   id: 'non-text-contrast',
+  name: 'Control & icon contrast',
   impact: 'serious',
   tags: ['wcag21aa', 'wcag1411'],
   help: 'Form fields and icons need a 3:1 visible boundary',

package/engine/rules/wcag/1.4.12-text-spacing.js

@@ -16,6 +16,7 @@ const clipped = (element) =>
 
 export default {
   id: 'text-spacing',
+  name: 'Text spacing overrides',
   impact: 'serious',
   tags: ['wcag21aa', 'wcag1412'],
   help: 'Text must survive user spacing overrides without being cut off',

package/engine/rules/wcag/1.4.2-audio-control.js

@@ -1,6 +1,7 @@
 // WCAG SC 1.4.2 Audio Control (Level A)
 export default {
   id: 'audio-control',
+  name: 'Auto-playing audio control',
   impact: 'critical',
   tags: ['wcag2a', 'wcag142'],
   help: 'Auto-playing audio must be stoppable or muted',

package/engine/rules/wcag/1.4.3-color-contrast.js

@@ -916,6 +916,7 @@ export function createContrastRule({ id, tags, help, helpUrl, thresholds }) {
 
 export default createContrastRule({
   id: 'color-contrast',
+  name: 'Text contrast',
   tags: ['wcag2aa', 'wcag143'],
   help: 'Text must have sufficient contrast against its background',
   helpUrl: 'https://www.w3.org/WAI/WCAG22/Understanding/contrast-minimum.html',

package/engine/rules/wcag/1.4.3-control-contrast.js

@@ -9,6 +9,7 @@ import {
 
 export default {
   id: 'control-contrast',
+  name: 'Form control contrast',
   impact: 'serious',
   tags: ['wcag2aa', 'wcag143'],
   help: 'Text inside form controls must have sufficient contrast',

package/engine/rules/wcag/1.4.4-meta-viewport.js

@@ -3,6 +3,7 @@ import { isEmbeddedDocument } from '../../lib/dom.js';
 
 export default {
   id: 'meta-viewport',
+  name: 'Viewport zoom lock',
   impact: 'critical',
   tags: ['wcag2aa', 'wcag144'],
   help: 'The viewport must let users zoom to at least 200%',

package/engine/rules/wcag/1.4.6-contrast-enhanced.js

@@ -4,6 +4,7 @@ import { createContrastRule } from './1.4.3-color-contrast.js';
 
 export default createContrastRule({
   id: 'color-contrast-enhanced',
+  name: 'Enhanced text contrast',
   tags: ['wcag2aaa', 'wcag146'],
   help: 'Text must have enhanced contrast against its background (AAA)',
   helpUrl: 'https://www.w3.org/WAI/WCAG22/Understanding/contrast-enhanced.html',

package/engine/rules/wcag/2.1.1-scrollable-region-focusable.js

@@ -43,6 +43,7 @@ function hasTabbableContent(node) {
 
 export default {
   id: 'scrollable-region-focusable',
+  name: 'Keyboard-reachable scroll areas',
   impact: 'serious',
   tags: ['wcag2a', 'wcag211', 'wcag213'], // 2.1.3 is 2.1.1's AAA twin — same check satisfies both
   help: 'Scrollable regions must be reachable by keyboard',

package/engine/rules/wcag/2.2.1-meta-refresh.js

@@ -1,6 +1,7 @@
 // WCAG SC 2.2.1 Timing Adjustable (Level A)
 export default {
   id: 'meta-refresh',
+  name: 'Timed page refresh',
   impact: 'critical',
   tags: ['wcag2a', 'wcag221'],
   help: 'The page must not use a timed refresh',

package/engine/rules/wcag/2.2.2-pause-stop-hide.js

@@ -79,6 +79,7 @@ function endlesslyMoving(doc) {
 
 export default {
   id: 'pause-stop-hide',
+  name: 'Pausable moving content',
   impact: 'serious',
   tags: ['wcag2a', 'wcag222'],
   help: 'Moving content must be pausable',

package/engine/rules/wcag/2.2.2-video-loop-motion.js

@@ -15,6 +15,7 @@
 // abstaining, not clearing.
 export default {
   id: 'video-loop-motion',
+  name: 'Looping video control',
   impact: 'serious',
   tags: ['wcag2a', 'wcag222'],
   help: 'Looping autoplay video must be pausable',