@surea11y/core 1.2.0 → 1.3.0

package/src/checks/automatic/css-orientation-lock.js

@@ -64,7 +64,13 @@ const meta = {
   tags: ['wcag21aa', 'wcag134', 'structure', 'atomic', 'automatic'],
   wcagSc: ['1.3.4'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '1.3.4', title: 'Orientation', conformanceLevel: 'AA' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '1.3.4',
+      title: 'Orientation',
+      conformanceLevel: 'AA'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'perceivable',
@@ -87,7 +93,9 @@ function runInPage(ctx) {
   const CSS_MEDIA_RULE = 4;
   const CSS_STYLE_RULE = 1;
 
-  function trim(v) { return (v == null ? '' : String(v)).trim(); }
+  function trim(v) {
+    return (v == null ? '' : String(v)).trim();
+  }
 
   // Converts a rotate()/rotateZ() angle argument (with unit) to degrees.
   // Matches a widely-used reference engine's own getAngleInDegrees: only deg/grad/rad/turn are
@@ -126,9 +134,13 @@ function runInPage(ctx) {
   // near 90 or 270 degrees (mod 90, once the 0/180 case is excluded) is.
   function isLockingRotation(styleDecl) {
     if (!styleDecl) return false;
-    const transformVal = trim(styleDecl.transform) || trim(styleDecl.getPropertyValue ? styleDecl.getPropertyValue('-webkit-transform') : '');
+    const transformVal =
+      trim(styleDecl.transform) ||
+      trim(styleDecl.getPropertyValue ? styleDecl.getPropertyValue('-webkit-transform') : '');
     // The standalone CSS `rotate` property (distinct from `transform: rotate()`) -- that reference engine checks this too.
-    const rotatePropVal = trim(styleDecl.getPropertyValue ? styleDecl.getPropertyValue('rotate') : '');
+    const rotatePropVal = trim(
+      styleDecl.getPropertyValue ? styleDecl.getPropertyValue('rotate') : ''
+    );
 
     let degrees = rotateDegreesFromTransform(transformVal);
     if (!degrees && rotatePropVal) degrees = angleToDegrees(rotatePropVal);
@@ -189,9 +201,10 @@ function runInPage(ctx) {
     return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
   }
 
-  const target = document.documentElement || (document.body || null);
+  const target = document.documentElement || document.body || null;
   const stableSelector = helpers.buildSelector && target ? helpers.buildSelector(target) : 'html';
-  const html = helpers.getOuterHtmlSnippet && target ? helpers.getOuterHtmlSnippet(target) : '<html>';
+  const html =
+    helpers.getOuterHtmlSnippet && target ? helpers.getOuterHtmlSnippet(target) : '<html>';
 
   const occurrences = findings.map((f) => ({
     selector: stableSelector,
@@ -204,11 +217,20 @@ function runInPage(ctx) {
       params: { mediaText: f.mediaText, selectorText: f.selectorText }
     },
     data: {
-      details: { reasonCode: 'ORIENTATION_MEDIA_ROTATE_TRANSFORM', mediaText: f.mediaText, selectorText: f.selectorText }
+      details: {
+        reasonCode: 'ORIENTATION_MEDIA_ROTATE_TRANSFORM',
+        mediaText: f.mediaText,
+        selectorText: f.selectorText
+      }
     }
   }));
 
-  return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'serious', occurrences };
+  return {
+    ruleId: rule.ruleId,
+    outcome: 'fail',
+    severity: rule.defaultSeverity || 'serious',
+    occurrences
+  };
 }
 
 module.exports = { id, meta, runInPage, applicability };

package/src/checks/automatic/definition-list-children-valid.js

@@ -35,7 +35,8 @@ const id = 'definition-list-children-valid';
 
 const meta = {
   title: 'Description lists must be structured correctly',
-  description: 'Checks that <dl> elements only directly contain <dt>/<dd> groups (optionally wrapped in one <div>), <script>, <template>, or <style>.',
+  description:
+    'Checks that <dl> elements only directly contain <dt>/<dd> groups (optionally wrapped in one <div>), <script>, <template>, or <style>.',
   i18n: {
     titleKey: 'definitionListChildrenValid_title',
     descriptionKey: 'definitionListChildrenValid_description'
@@ -44,7 +45,13 @@ const meta = {
   tags: ['wcag2a', 'wcag131', 'structure', 'atomic', 'automatic', 'list'],
   wcagSc: ['1.3.1'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '1.3.1', title: 'Info and Relationships', conformanceLevel: 'A' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '1.3.1',
+      title: 'Info and Relationships',
+      conformanceLevel: 'A'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'perceivable',
@@ -54,7 +61,7 @@ const meta = {
 };
 
 function runInPage(ctx) {
-  const { document, helpers, rule } = ctx;
+  const { helpers, rule } = ctx;
 
   // Declared inside runInPage — see scripts/build-core.js header
   // ("runInPage MUST be self-contained").
@@ -89,10 +96,17 @@ function runInPage(ctx) {
     const invalidTags = [];
     for (const node of flattened) {
       const tag = node.tagName.toLowerCase();
-      if (tag === 'dt') { hasDt = true; continue; }
-      if (tag === 'dd') { hasDd = true; continue; }
+      if (tag === 'dt') {
+        hasDt = true;
+        continue;
+      }
+      if (tag === 'dd') {
+        hasDd = true;
+        continue;
+      }
       if (!PASSTHROUGH_TAGS.has(tag)) invalidTags.push(tag);
     }
+    const dedupedInvalidTags = [...new Set(invalidTags)];
 
     // Verified 2026-07-20 against a widely-used reference engine's definition-list check:
     // the dt/dd pairing is only required "when not empty" — a <dl> with
@@ -101,19 +115,21 @@ function runInPage(ctx) {
     // is vacuously fine, not a violation. Only an UNBALANCED pairing (dt
     // present without any dd, or vice versa) is a real structural problem.
     const reasonCode = invalidTags.length
-        ? 'DL_INVALID_CHILD'
-        : ((hasDt || hasDd) && !(hasDt && hasDd) ? 'DL_NO_DT_DD' : null);
+      ? 'DL_INVALID_CHILD'
+      : (hasDt || hasDd) && !(hasDt && hasDd)
+        ? 'DL_NO_DT_DD'
+        : null;
     if (!reasonCode) continue;
 
     const stableSelector = helpers.buildSelector ? helpers.buildSelector(el) : 'html';
-    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : (el.outerHTML || '');
+    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : el.outerHTML || '';
 
     const summary = invalidTags.length
-        ? 'This description list contains a direct or wrapped child that is not part of a dt/dd group.'
-        : 'This description list has no <dt>/<dd> term-definition group.';
+      ? 'This description list contains a direct or wrapped child that is not part of a dt/dd group.'
+      : 'This description list has no <dt>/<dd> term-definition group.';
     const hint = invalidTags.length
-        ? 'Only use <dt>/<dd> (optionally wrapped in one <div>), <script>, <template>, or <style> inside <dl>.'
-        : 'Add at least one <dt>/<dd> pair inside this <dl>.';
+      ? 'Only use <dt>/<dd> (optionally wrapped in one <div>), <script>, <template>, or <style> inside <dl>.'
+      : 'Add at least one <dt>/<dd> pair inside this <dl>.';
 
     occurrences.push({
       selector: stableSelector,
@@ -122,12 +138,12 @@ function runInPage(ctx) {
       hint,
       i18n: {
         summaryKey: invalidTags.length
-            ? 'definitionListChildrenValid_summary_fail_invalidChild'
-            : 'definitionListChildrenValid_summary_fail_noDtDd',
+          ? 'definitionListChildrenValid_summary_fail_invalidChild'
+          : 'definitionListChildrenValid_summary_fail_noDtDd',
         hintKey: invalidTags.length
-            ? 'definitionListChildrenValid_hint_fail_invalidChild'
-            : 'definitionListChildrenValid_hint_fail_noDtDd',
-        params: { invalidChildren: invalidTags.join(', ') }
+          ? 'definitionListChildrenValid_hint_fail_invalidChild'
+          : 'definitionListChildrenValid_hint_fail_noDtDd',
+        params: { invalidChildren: dedupedInvalidTags.join(', ') }
       },
       data: {
         details: { reasonCode, invalidChildren: invalidTags }
@@ -139,9 +155,14 @@ function runInPage(ctx) {
     return { ruleId: rule.ruleId, outcome: 'notApplicable', severity: 'minor', occurrences: [] };
   }
   if (occurrences.length) {
-    return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'serious', occurrences };
+    return {
+      ruleId: rule.ruleId,
+      outcome: 'fail',
+      severity: rule.defaultSeverity || 'serious',
+      occurrences
+    };
   }
   return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
 }
 
-module.exports = { id, meta, runInPage };
+module.exports = { id, meta, runInPage };

package/src/checks/automatic/deprecated-elements-not-used.js

@@ -29,7 +29,8 @@ const id = 'deprecated-elements-not-used';
 
 const meta = {
   title: 'Obsolete non-stoppable elements (<blink>, <marquee>) must not be used',
-  description: 'Checks that deprecated, non-standard HTML elements whose blinking/scrolling content cannot be paused, stopped, or hidden by the user (<blink>, <marquee>) are not present.',
+  description:
+    'Checks that deprecated, non-standard HTML elements whose blinking/scrolling content cannot be paused, stopped, or hidden by the user (<blink>, <marquee>) are not present.',
   i18n: {
     titleKey: 'deprecatedElements_title',
     descriptionKey: 'deprecatedElements_description'
@@ -38,7 +39,13 @@ const meta = {
   tags: ['wcag2a', 'wcag222', 'structure', 'atomic', 'automatic'],
   wcagSc: ['2.2.2'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '2.2.2', title: 'Pause, Stop, Hide', conformanceLevel: 'A' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '2.2.2',
+      title: 'Pause, Stop, Hide',
+      conformanceLevel: 'A'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'operable',
@@ -48,9 +55,11 @@ const meta = {
 };
 
 function runInPage(ctx) {
-  const { document, helpers, rule } = ctx;
+  const { helpers, rule } = ctx;
 
-  const nodes = helpers.queryAllSmart ? helpers.queryAllSmart('blink, marquee') : helpers.queryAll('blink, marquee');
+  const nodes = helpers.queryAllSmart
+    ? helpers.queryAllSmart('blink, marquee')
+    : helpers.queryAll('blink, marquee');
 
   const occurrences = [];
   let applicableCount = 0;
@@ -62,7 +71,7 @@ function runInPage(ctx) {
 
     const tag = el.tagName.toLowerCase();
     const stableSelector = helpers.buildSelector ? helpers.buildSelector(el) : 'html';
-    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : (el.outerHTML || '');
+    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : el.outerHTML || '';
 
     occurrences.push({
       selector: stableSelector,
@@ -84,9 +93,14 @@ function runInPage(ctx) {
     return { ruleId: rule.ruleId, outcome: 'notApplicable', severity: 'minor', occurrences: [] };
   }
   if (occurrences.length) {
-    return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'serious', occurrences };
+    return {
+      ruleId: rule.ruleId,
+      outcome: 'fail',
+      severity: rule.defaultSeverity || 'serious',
+      occurrences
+    };
   }
   return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
 }
 
-module.exports = { id, meta, runInPage };
+module.exports = { id, meta, runInPage };

package/src/checks/automatic/dialog-name-present.js

@@ -4,16 +4,23 @@ const id = 'dialog-name-present';
 
 const meta = {
   title: 'Dialogs have an accessible name',
-  description: 'Checks that elements with role="dialog" or role="alertdialog" expose a non-empty accessible name.',
+  description:
+    'Checks that elements with role="dialog" or role="alertdialog" expose a non-empty accessible name.',
   i18n: {
     titleKey: 'dialogNamePresent_title',
     descriptionKey: 'dialogNamePresent_description'
   },
   helpUrl: null,
-  tags: ['wcag2a','wcag412','structure','atomic','automatic','name','dialog'],
+  tags: ['wcag2a', 'wcag412', 'structure', 'atomic', 'automatic', 'name', 'dialog'],
   wcagSc: ['4.1.2'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '4.1.2', title: 'Name, Role, Value', conformanceLevel: 'A' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '4.1.2',
+      title: 'Name, Role, Value',
+      conformanceLevel: 'A'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'robust',
@@ -24,69 +31,22 @@ const meta = {
 
 function runInPage(ctx) {
   const { document, helpers, rule } = ctx;
-  const getEligibilityInfo = helpers && typeof helpers.getEligibilityInfo === 'function'
-      ? helpers.getEligibilityInfo
-      : null;
-
+  const getEligibilityInfo =
+    helpers && typeof helpers.getEligibilityInfo === 'function' ? helpers.getEligibilityInfo : null;
 
   function normalizeWs(s) {
-    return String(s || '').replace(/\s+/g, ' ').trim();
+    return String(s || '')
+      .replace(/\s+/g, ' ')
+      .trim();
   }
 
   function getAttr(el, name) {
     try {
       if (!el || !el.getAttribute) return '';
       return normalizeWs(el.getAttribute(name));
-    } catch { return ''; }
-  }
-
-  function hasAttr(el, name) {
-    try { return !!(el && el.hasAttribute && el.hasAttribute(name)); } catch { return false; }
-  }
-
-  function isExplicitProgrammatic(el) {
-    // Programmatic name mechanisms we treat as authoritative (presence-only):
-    // - aria-label (non-empty)
-    // - aria-labelledby (non-empty)
-    // - title (non-empty) [weak but allowed for presence]
-    const al = getAttr(el, 'aria-label');
-    if (al) return true;
-    const alb = getAttr(el, 'aria-labelledby');
-    if (alb) return true;
-    const t = getAttr(el, 'title');
-    if (t) return true;
-    return false;
-  }
-
-  function buildLabelForMap(doc) {
-    const map = new Map(); // id -> label element (first)
-    try {
-      const labels = doc && doc.getElementsByTagName ? doc.getElementsByTagName('label') : [];
-      for (let i = 0; i < labels.length; i += 1) {
-        const lab = labels[i];
-        if (!lab || !lab.getAttribute) continue;
-        const f = normalizeWs(lab.getAttribute('for'));
-        if (!f) continue;
-        if (!map.has(f)) map.set(f, lab);
-      }
-    } catch {}
-    return map;
-  }
-
-  function getConservativeSubtreeText(document, container) {
-    // "Name from content" — recurses into descendants and uses each one's
-    // own accessible name (img alt, aria-label/aria-labelledby, title) when
-    // it has one, not just literal text nodes. See getContentNameInfo's
-    // header comment in src/core/dom-helpers.js for the full rationale
-    // (this replaced a text-node-only TreeWalker that missed the common
-    // "<a><img alt='...'></a>" logo-link / "<button><img alt='...'></button>"
-    // icon-button pattern).
-    if (helpers.getContentNameInfo) {
-      const info = helpers.getContentNameInfo(container, ctx);
-      return info && info.present ? info.value : '';
+    } catch {
+      return '';
     }
-    const t = (container && container.textContent) ? String(container.textContent) : '';
-    return t.replace(/\s+/g, ' ').trim();
   }
 
   function resolveAriaLabelledbyText(document, el, maxRefs) {
@@ -114,17 +74,9 @@ function runInPage(ctx) {
     return '';
   }
 
-  function getInputValueName(el) {
-    try {
-      const type = getAttr(el, 'type').toLowerCase();
-      if (type !== 'button' && type !== 'submit' && type !== 'reset') return '';
-      const v = getAttr(el, 'value');
-      return v;
-    } catch { return ''; }
-  }
-
   function isEligibleAcc(helpers, el, ctx) {
-    const fn = helpers && typeof helpers.isAccTreeEligible === 'function' ? helpers.isAccTreeEligible : null;
+    const fn =
+      helpers && typeof helpers.isAccTreeEligible === 'function' ? helpers.isAccTreeEligible : null;
     if (!fn) return true;
     try {
       const r = fn(el, ctx);
@@ -135,13 +87,13 @@ function runInPage(ctx) {
     }
   }
 
-
   const occurrences = [];
   let applicableCount = 0;
 
   const selector = '[role="dialog"],[role="alertdialog"]';
-  const nodes = helpers.queryAllSmart ? helpers.queryAllSmart(selector) : helpers.queryAll(selector);
-
+  const nodes = helpers.queryAllSmart
+    ? helpers.queryAllSmart(selector)
+    : helpers.queryAll(selector);
 
   function evaluate(el) {
     const ariaLabel = getAttr(el, 'aria-label');
@@ -173,10 +125,16 @@ function runInPage(ctx) {
     if (res.ok) continue;
 
     const eligInfo = getEligibilityInfo
-        ? (() => { try { return getEligibilityInfo(el, ctx, { targetSet: 'acc' }); } catch { return null; } })()
-        : null;
+      ? (() => {
+          try {
+            return getEligibilityInfo(el, ctx, { targetSet: 'acc' });
+          } catch {
+            return null;
+          }
+        })()
+      : null;
     const stableSelector = helpers.buildSelector ? helpers.buildSelector(el) : 'html';
-    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : (el.outerHTML || '');
+    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : el.outerHTML || '';
 
     occurrences.push({
       selector: stableSelector,
@@ -195,12 +153,16 @@ function runInPage(ctx) {
     });
   }
 
-
   if (applicableCount === 0) {
     return { ruleId: rule.ruleId, outcome: 'notApplicable', severity: 'minor', occurrences: [] };
   }
   if (occurrences.length) {
-    return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'minor', occurrences };
+    return {
+      ruleId: rule.ruleId,
+      outcome: 'fail',
+      severity: rule.defaultSeverity || 'minor',
+      occurrences
+    };
   }
   return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
 }

package/src/checks/automatic/dlitem-parent-valid.js

@@ -23,7 +23,8 @@ const id = 'dlitem-parent-valid';
 
 const meta = {
   title: 'Description-list items must be inside a description list',
-  description: 'Checks that <dt>/<dd> elements are contained by a <dl>, directly or via one wrapping <div>.',
+  description:
+    'Checks that <dt>/<dd> elements are contained by a <dl>, directly or via one wrapping <div>.',
   i18n: {
     titleKey: 'dlitemParentValid_title',
     descriptionKey: 'dlitemParentValid_description'
@@ -32,7 +33,13 @@ const meta = {
   tags: ['wcag2a', 'wcag131', 'structure', 'atomic', 'automatic', 'list'],
   wcagSc: ['1.3.1'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '1.3.1', title: 'Info and Relationships', conformanceLevel: 'A' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '1.3.1',
+      title: 'Info and Relationships',
+      conformanceLevel: 'A'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'perceivable',
@@ -42,9 +49,11 @@ const meta = {
 };
 
 function runInPage(ctx) {
-  const { document, helpers, rule } = ctx;
+  const { helpers, rule } = ctx;
 
-  const nodes = helpers.queryAllSmart ? helpers.queryAllSmart('dt, dd') : helpers.queryAll('dt, dd');
+  const nodes = helpers.queryAllSmart
+    ? helpers.queryAllSmart('dt, dd')
+    : helpers.queryAll('dt, dd');
 
   const occurrences = [];
   let applicableCount = 0;
@@ -61,7 +70,8 @@ function runInPage(ctx) {
 
     if (!valid && parentTag === 'div') {
       const grandparent = parent.parentElement;
-      const grandparentTag = grandparent && grandparent.tagName ? grandparent.tagName.toLowerCase() : '';
+      const grandparentTag =
+        grandparent && grandparent.tagName ? grandparent.tagName.toLowerCase() : '';
       valid = grandparentTag === 'dl';
     }
 
@@ -69,7 +79,7 @@ function runInPage(ctx) {
 
     const tag = el.tagName.toLowerCase();
     const stableSelector = helpers.buildSelector ? helpers.buildSelector(el) : 'html';
-    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : (el.outerHTML || '');
+    const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : el.outerHTML || '';
 
     occurrences.push({
       selector: stableSelector,
@@ -91,9 +101,14 @@ function runInPage(ctx) {
     return { ruleId: rule.ruleId, outcome: 'notApplicable', severity: 'minor', occurrences: [] };
   }
   if (occurrences.length) {
-    return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'serious', occurrences };
+    return {
+      ruleId: rule.ruleId,
+      outcome: 'fail',
+      severity: rule.defaultSeverity || 'serious',
+      occurrences
+    };
   }
   return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
 }
 
-module.exports = { id, meta, runInPage };
+module.exports = { id, meta, runInPage };

package/src/checks/automatic/duplicate-id-aria.js

@@ -29,7 +29,8 @@ const id = 'duplicate-id-aria';
 
 const meta = {
   title: 'IDs referenced by ARIA must be unique',
-  description: 'Checks that any id value referenced by an ARIA ID-reference attribute (aria-labelledby, aria-describedby, aria-owns, aria-controls, aria-activedescendant, aria-flowto, aria-errormessage, aria-details) is unique in the document.',
+  description:
+    'Checks that any id value referenced by an ARIA ID-reference attribute (aria-labelledby, aria-describedby, aria-owns, aria-controls, aria-activedescendant, aria-flowto, aria-errormessage, aria-details) is unique in the document.',
   i18n: {
     titleKey: 'duplicateIdAria_title',
     descriptionKey: 'duplicateIdAria_description'
@@ -38,7 +39,13 @@ const meta = {
   tags: ['wcag2a', 'wcag412', 'aria', 'structure', 'atomic', 'automatic'],
   wcagSc: ['4.1.2'],
   normativeMappings: [
-    { standard: 'WCAG', version: '2.2', requirement: '4.1.2', title: 'Name, Role, Value', conformanceLevel: 'A' }
+    {
+      standard: 'WCAG',
+      version: '2.2',
+      requirement: '4.1.2',
+      title: 'Name, Role, Value',
+      conformanceLevel: 'A'
+    }
   ],
   defaultSeverity: 'serious',
   category: 'robust',
@@ -95,7 +102,9 @@ function runInPage(ctx) {
 
     for (const el of els) {
       const stableSelector = helpers.buildSelector ? helpers.buildSelector(el) : 'html';
-      const html = helpers.getOuterHtmlSnippet ? helpers.getOuterHtmlSnippet(el) : (el.outerHTML || '');
+      const html = helpers.getOuterHtmlSnippet
+        ? helpers.getOuterHtmlSnippet(el)
+        : el.outerHTML || '';
 
       occurrences.push({
         selector: stableSelector,
@@ -108,7 +117,11 @@ function runInPage(ctx) {
           params: { id: refId, duplicateCount: String(els.length) }
         },
         data: {
-          details: { reasonCode: 'DUPLICATE_ID_ARIA_REFERENCED', id: refId, duplicateCount: els.length }
+          details: {
+            reasonCode: 'DUPLICATE_ID_ARIA_REFERENCED',
+            id: refId,
+            duplicateCount: els.length
+          }
         }
       });
     }
@@ -118,9 +131,14 @@ function runInPage(ctx) {
     return { ruleId: rule.ruleId, outcome: 'notApplicable', severity: 'minor', occurrences: [] };
   }
   if (occurrences.length) {
-    return { ruleId: rule.ruleId, outcome: 'fail', severity: rule.defaultSeverity || 'serious', occurrences };
+    return {
+      ruleId: rule.ruleId,
+      outcome: 'fail',
+      severity: rule.defaultSeverity || 'serious',
+      occurrences
+    };
   }
   return { ruleId: rule.ruleId, outcome: 'pass', severity: 'minor', occurrences: [] };
 }
 
-module.exports = { id, meta, runInPage };
+module.exports = { id, meta, runInPage };