{
  "device": "desktop",
  "mode": "navigation"
}

{
  "device": "mobile",
  "mode": "navigation"
}

() => {
  // ── Shared helper (single definition) ──
  const getSelector = (el) => {
    try {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      if (el.className && typeof el.className === 'string') {
        const cls = el.className.split(' ').filter(c => c).slice(0, 3).join('.');
        if (cls) sel += '.' + cls;
      }
      return sel;
    } catch { return el?.tagName?.toLowerCase() || 'unknown'; }
  };

  const results = {};

  // ── 1. Skip Link Target Verification (WCAG 2.4.1) ──
  // Lighthouse checks if a skip link EXISTS; this checks if the target ID actually resolves.
  try {
    const focusableSelectors = 'a[href], button, input, textarea, select, details, [tabindex]:not([tabindex="-1"])';
    const firstThree = Array.from(document.querySelectorAll(focusableSelectors)).slice(0, 3);
    const skipLink = firstThree.find(el => el.tagName === 'A' && el.getAttribute('href')?.startsWith('#'));
    const skipLinkTarget = skipLink ? document.querySelector(skipLink.getAttribute('href')) : null;
    results.skipLink = {
      wcag: '2.4.1',
      found: !!skipLink,
      href: skipLink?.getAttribute('href') || null,
      targetResolved: !!skipLinkTarget,
      isBroken: !!skipLink && !skipLinkTarget
    };
  } catch (e) { results.skipLink = { error: e.message }; }

  // ── 2. Suspicious Alt Text Quality (WCAG 1.1.1) ──
  // Lighthouse checks alt PRESENCE; this checks alt QUALITY.
  try {
    const images = Array.from(document.querySelectorAll('img[alt]'));
    const suspiciousPatterns = ['image', 'photo', 'graphic', 'logo', 'blank', 'spacer', 'picture', 'img', 'banner', 'icon', 'untitled'];
    const suspicious = images.filter(img => {
      const alt = (img.getAttribute('alt') || '').toLowerCase().trim();
      return alt.length > 0 && (suspiciousPatterns.includes(alt) || /^\d+$/.test(alt) || /\.(jpe?g|png|gif|webp|svg|bmp)$/i.test(alt));
    }).map(i => ({ selector: getSelector(i), alt: i.getAttribute('alt') }));
    results.suspiciousAlt = { wcag: '1.1.1', items: suspicious.slice(0, 10), total: suspicious.length };
  } catch (e) { results.suspiciousAlt = { error: e.message }; }

  // ── 3. SVG Accessibility (WCAG 1.1.1) ──
  // Lighthouse has limited SVG coverage; this checks for meaningful SVGs missing names.
  try {
    const svgs = Array.from(document.querySelectorAll('svg'));
    const problematic = svgs.filter(svg => {
      const hasTitle = !!svg.querySelector('title');
      const hasLabel = svg.hasAttribute('aria-label') || svg.hasAttribute('aria-labelledby');
      const isHidden = svg.getAttribute('aria-hidden') === 'true' || svg.getAttribute('role') === 'presentation' || svg.getAttribute('role') === 'none';
      return !hasTitle && !hasLabel && !isHidden;
    }).map(getSelector);
    results.problematicSvgs = { wcag: '1.1.1', items: problematic.slice(0, 10), total: problematic.length };
  } catch (e) { results.problematicSvgs = { error: e.message }; }

  // ── 4. Ambiguous Link Text (WCAG 2.4.4 / 2.4.9) ──
  // Lighthouse checks if links have A name; this checks if the name is MEANINGFUL.
  try {
    const ambiguousStrings = ['click here', 'learn more', 'read more', 'more', 'continue', 'here', 'link', 'go', 'details', 'more info', 'see more', 'view more'];
    const interactors = Array.from(document.querySelectorAll('a, button'));
    const ambiguous = interactors.filter(el => {
      const text = el.innerText.toLowerCase().trim();
      const hasContext = el.hasAttribute('aria-label') || el.hasAttribute('aria-labelledby') || el.hasAttribute('title');
      return ambiguousStrings.includes(text) && !hasContext;
    }).map(el => ({ text: el.innerText.trim(), selector: getSelector(el) }));
    results.ambiguousLinks = { wcag: '2.4.4', items: ambiguous.slice(0, 10), total: ambiguous.length };
  } catch (e) { results.ambiguousLinks = { error: e.message }; }

  // ── 5. Off-screen Focusable without ARIA hiding (WCAG 2.4.3) ──
  // Lighthouse lists this as MANUAL; this automates the detection.
  // Catches elements that are visually hidden but still reachable via Tab (ghost focus traps).
  try {
    const focusable = Array.from(document.querySelectorAll('a[href], button, input, textarea, select, [tabindex]:not([tabindex="-1"])'));
    const offscreen = focusable.filter(el => {
      const style = window.getComputedStyle(el);
      const rect = el.getBoundingClientRect();
      const isOffscreen = rect.right < 0 || rect.bottom < 0 || rect.left > window.innerWidth || rect.top > window.innerHeight;
      const isCollapsed = rect.width === 0 && rect.height === 0;
      const isVisuallyHidden = isOffscreen || isCollapsed || style.visibility === 'hidden' || style.display === 'none' || style.opacity === '0';
      const isAriaHidden = el.closest('[aria-hidden="true"]') !== null || el.closest('[inert]') !== null;
      // Problem: element is NOT visible AND NOT hidden from assistive tech
      return isVisuallyHidden && !isAriaHidden;
    }).map(getSelector);
    results.offscreenFocusable = { wcag: '2.4.3', items: offscreen.slice(0, 10), total: offscreen.length };
  } catch (e) { results.offscreenFocusable = { error: e.message }; }

  // ── 6. Multiple H1 Detection (WCAG 1.3.1) ──
  try {
    const h1Count = document.querySelectorAll('h1').length;
    results.multipleH1 = { wcag: '1.3.1', count: h1Count, isIssue: h1Count > 1 };
  } catch (e) { results.multipleH1 = { error: e.message }; }

  // ── 7. Table Markup Quality (WCAG 1.3.1) ──
  // Lighthouse checks for headers on large tables; this catches smaller tables
  // that are clearly data tables (>1 row) but have no headers or caption at all.
  try {
    const tables = Array.from(document.querySelectorAll('table'));
    const invalid = tables.filter(t => {
      const hasTh = !!t.querySelector('th');
      const hasCaption = !!t.querySelector('caption');
      const isPresentation = t.getAttribute('role') === 'presentation' || t.getAttribute('role') === 'none';
      const hasScope = !!t.querySelector('th[scope]');
      return !isPresentation && !hasTh && !hasCaption && !hasScope && t.querySelectorAll('tr').length > 1;
    }).map(getSelector);
    results.invalidTables = { wcag: '1.3.1', items: invalid, total: invalid.length };
  } catch (e) { results.invalidTables = { error: e.message }; }

  // ── 8. Autoplay Media Detection (WCAG 1.4.2) ──
  try {
    const media = Array.from(document.querySelectorAll('video[autoplay], audio[autoplay]'));
    const noControls = media.filter(m => !m.hasAttribute('muted') || !m.hasAttribute('controls'));
    results.autoplayMedia = {
      wcag: '1.4.2',
      items: noControls.map(m => ({ selector: getSelector(m), tag: m.tagName, muted: m.muted, hasControls: m.hasAttribute('controls') })),
      total: noControls.length
    };
  } catch (e) { results.autoplayMedia = { error: e.message }; }

  // ── 9. aria-live Misuse Detection (WCAG 4.1.3) ──
  try {
    const liveRegions = Array.from(document.querySelectorAll('[aria-live]'));
    const suspicious = liveRegions.filter(el => {
      const value = el.getAttribute('aria-live');
      const hasRole = el.hasAttribute('role');
      const textLength = (el.innerText || '').trim().length;
      // Flag: aria-live="assertive" on large text blocks (likely misuse)
      return (value === 'assertive' && textLength > 500) || (!['polite', 'assertive', 'off'].includes(value));
    }).map(el => ({ selector: getSelector(el), value: el.getAttribute('aria-live'), textLength: (el.innerText || '').length }));
    results.ariaLiveMisuse = { wcag: '4.1.3', items: suspicious, total: suspicious.length };
  } catch (e) { results.ariaLiveMisuse = { error: e.message }; }

  // ── 10. prefers-reduced-motion Respect (WCAG 2.3.3) ──
  try {
    const allStyles = Array.from(document.styleSheets);
    let hasReducedMotionQuery = false;
    try {
      for (const sheet of allStyles) {
        try {
          const rules = sheet.cssRules || [];
          for (const rule of rules) {
            if (rule.conditionText && rule.conditionText.includes('prefers-reduced-motion')) {
              hasReducedMotionQuery = true;
              break;
            }
          }
        } catch { /* cross-origin stylesheet, skip */ }
        if (hasReducedMotionQuery) break;
      }
    } catch { /* stylesheet access error */ }

    const animatedElements = document.querySelectorAll('[style*="animation"], [style*="transition"]');
    const cssAnimations = Array.from(document.querySelectorAll('*')).slice(0, 500).filter(el => {
      try {
        const style = window.getComputedStyle(el);
        return style.animationName !== 'none' || parseFloat(style.transitionDuration) > 0;
      } catch { return false; }
    });

    results.reducedMotion = {
      wcag: '2.3.3',
      hasMediaQuery: hasReducedMotionQuery,
      animatedElementCount: cssAnimations.length,
      isIssue: cssAnimations.length > 0 && !hasReducedMotionQuery
    };
  } catch (e) { results.reducedMotion = { error: e.message }; }

  // ── 11. ARIA Density Metric (heuristic) ──
  try {
    const ariaCount = document.querySelectorAll('[aria-label], [aria-labelledby], [aria-describedby], [role]').length;
    const totalElements = document.querySelectorAll('*').length;
    results.ariaDensity = {
      ariaElements: ariaCount,
      totalElements,
      ratio: totalElements > 0 ? (ariaCount / totalElements * 100).toFixed(1) + '%' : '0%',
      warning: ariaCount > 100 ? 'High ARIA usage — may indicate over-reliance on ARIA instead of native semantics' : null
    };
  } catch (e) { results.ariaDensity = { error: e.message }; }

  // ── 12. Landmark Completeness (supplementary to Lighthouse) ──
  // IMPORTANT: Only `main` is treated as a failure when absent. The others are
  // informational — in particular, `search`, `aside`, and `complementary` are
  // contextual and MUST NOT be flagged as issues just because a page doesn't
  // have search, a sidebar, or complementary content.
  try {
    const present = {
      main: !!document.querySelector('main'),
      nav: !!document.querySelector('nav'),
      header: !!document.querySelector('header'),
      footer: !!document.querySelector('footer'),
      search: !!document.querySelector('[role="search"], search, input[type="search"]'),
      aside: !!document.querySelector('aside'),
      complementary: !!document.querySelector('[role="complementary"]')
    };
    results.landmarks = {
      present,
      required: { main: present.main },
      recommended: { nav: present.nav, header: present.header, footer: present.footer },
      contextual: { search: present.search, aside: present.aside, complementary: present.complementary },
      note: 'Only `main` is a failure when missing (WCAG 2.4.1). Missing `search`/`aside`/`complementary` is not an issue — report as "not present on this page" only.'
    };
  } catch (e) { results.landmarks = { error: e.message }; }

  return results;
}

() => {
  try {
    const el = document.activeElement;
    if (!el || el === document.body) return { status: 'no_focus' };

    const style = window.getComputedStyle(el);
    const hasOutline = style.outlineStyle !== 'none' && style.outlineWidth !== '0px';
    const hasBoxShadow = style.boxShadow !== 'none';
    const hasBorder = style.borderStyle !== 'none' && style.borderColor !== style.backgroundColor;

    return {
      wcag: '2.4.7',
      tag: el.tagName,
      selector: (() => { let s = el.tagName.toLowerCase(); if (el.id) s += '#' + el.id; return s; })(),
      text: (el.innerText || el.value || '').substring(0, 30),
      hasVisibleFocus: hasOutline || hasBoxShadow,
      details: { outline: style.outlineStyle, outlineWidth: style.outlineWidth, boxShadow: style.boxShadow !== 'none' }
    };
  } catch (e) { return { error: e.message }; }
}

() => {
  try {
    const visited = [];
    const focusable = Array.from(document.querySelectorAll('a[href], button, input, textarea, select, [tabindex]:not([tabindex="-1"])'))
      .filter(el => {
        const style = window.getComputedStyle(el);
        return style.display !== 'none' && style.visibility !== 'hidden' && el.offsetParent !== null;
      });

    // Check for tabindex > 0 (breaks natural order — WCAG 2.4.3)
    const badTabindex = focusable.filter(el => {
      const ti = parseInt(el.getAttribute('tabindex'));
      return ti > 0;
    }).map(el => {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      return { selector: sel, tabindex: el.getAttribute('tabindex') };
    });

    return {
      wcag: '2.1.2 / 2.4.3',
      totalFocusable: focusable.length,
      tabindexAboveZero: { items: badTabindex, total: badTabindex.length }
    };
  } catch (e) { return { error: e.message }; }
}

() => {
  try {
    const getSelector = (el) => {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      if (el.className && typeof el.className === 'string') {
        const cls = el.className.split(' ').filter(c => c).slice(0, 3).join('.');
        if (cls) sel += '.' + cls;
      }
      return sel;
    };

    const openModals = Array.from(document.querySelectorAll('[role="dialog"], [role="alertdialog"], dialog[open]'))
      .filter(m => window.getComputedStyle(m).display !== 'none');

    return {
      wcag: '2.4.3',
      openModals: openModals.map(m => ({
        selector: getSelector(m),
        ariaModal: m.getAttribute('aria-modal'),
        hasLabel: m.hasAttribute('aria-label') || m.hasAttribute('aria-labelledby'),
        hasCloseButton: !!m.querySelector('button[aria-label*="close" i], button[aria-label*="dismiss" i], button.close, [data-dismiss]')
      }))
    };
  } catch (e) { return { error: e.message }; }
}

() => {
  try {
    const getSelector = (el) => {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      if (el.className && typeof el.className === 'string') {
        const cls = el.className.split(' ').filter(c => c).slice(0, 3).join('.');
        if (cls) sel += '.' + cls;
      }
      return sel;
    };

    const interactive = Array.from(document.querySelectorAll('a[href], button, input:not([type="hidden"]), select, textarea, [role="button"], [role="link"], [role="tab"], [role="menuitem"]'));

    const discrepancies = [];
    for (const el of interactive) {
      const rect = el.getBoundingClientRect();
      const style = window.getComputedStyle(el);
      const isVisible = rect.width > 0 && rect.height > 0 && style.visibility !== 'hidden' && style.display !== 'none' && style.opacity !== '0';
      const isAriaHidden = el.closest('[aria-hidden="true"]') !== null;
      const isInert = el.closest('[inert]') !== null;
      const visualText = (el.innerText || el.value || '').trim().substring(0, 50);
      const ariaLabel = el.getAttribute('aria-label') || '';

      // Silent Content: visible but hidden from assistive tech
      if (isVisible && (isAriaHidden || isInert)) {
        discrepancies.push({
          type: 'silent_content',
          severity: 'critical',
          selector: getSelector(el),
          visualText,
          reason: isAriaHidden ? 'aria-hidden=true on ancestor' : 'inert on ancestor'
        });
      }

      // Ghost Content: hidden visually but exposed to assistive tech
      if (!isVisible && !isAriaHidden && !isInert) {
        discrepancies.push({
          type: 'ghost_content',
          severity: 'major',
          selector: getSelector(el),
          visualText,
          reason: 'Element is visually hidden but still in a11y tree'
        });
      }

      // Label Mismatch: aria-label significantly differs from visual text
      if (ariaLabel && visualText && ariaLabel.toLowerCase() !== visualText.toLowerCase()) {
        const overlap = ariaLabel.toLowerCase().includes(visualText.toLowerCase().substring(0, 10));
        if (!overlap && visualText.length > 2) {
          discrepancies.push({
            type: 'label_mismatch',
            severity: 'major',
            selector: getSelector(el),
            visualText,
            ariaLabel,
            reason: 'aria-label does not match visible text'
          });
        }
      }
    }

    return {
      wcag: '4.1.2 / 1.3.1',
      totalChecked: interactive.length,
      discrepancies: discrepancies.slice(0, 20),
      totalDiscrepancies: discrepancies.length
    };
  } catch (e) { return { error: e.message }; }
}

() => {
  try {
    const getSelector = (el) => {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      return sel;
    };

    // WCAG 2.5.8 "inline" exception: target is inline within a sentence or
    // block of text. Heuristic: computed display is inline/inline-block AND
    // the parent element contains non-whitespace text alongside this element.
    const isInlineInText = (el) => {
      const style = window.getComputedStyle(el);
      if (style.display !== 'inline' && style.display !== 'inline-block') return false;
      const parent = el.parentElement;
      if (!parent) return false;
      const siblingText = Array.from(parent.childNodes)
        .filter(n => n.nodeType === Node.TEXT_NODE)
        .map(n => n.textContent.trim())
        .join('');
      return siblingText.length > 0;
    };

    const interactive = Array.from(document.querySelectorAll('a[href], button, input, select, textarea, [role="button"], [role="link"]'));
    const all = interactive.filter(el => {
      const rect = el.getBoundingClientRect();
      return rect.width > 0 && rect.height > 0 && (rect.width < 24 || rect.height < 24);
    }).map(el => {
      const rect = el.getBoundingClientRect();
      return {
        selector: getSelector(el),
        text: (el.innerText || '').substring(0, 20),
        width: Math.round(rect.width),
        height: Math.round(rect.height),
        inlineInText: isInlineInText(el)
      };
    });

    const failures = all.filter(i => !i.inlineInText);
    const inlineExempt = all.filter(i => i.inlineInText);

    return {
      wcag: '2.5.8',
      items: failures.slice(0, 15),
      total: failures.length,
      inlineExceptionCount: inlineExempt.length,
      note: 'WCAG 2.5.8 requires minimum 24x24 CSS px. Inline-in-text targets are auto-excluded as exceptions. Other exceptions (equivalent action, adequate spacing, user-agent default, essential presentation) are NOT auto-detected — review flagged items against those before treating them as failures.'
    };
  } catch (e) { return { error: e.message }; }
}

() => ({ width: window.innerWidth, height: window.innerHeight })

() => {
  try {
    const viewport = document.querySelector('meta[name="viewport"]');
    if (!viewport) return { wcag: '1.4.4', status: 'missing' };
    const content = viewport.getAttribute('content');
    const isRestricted = content.includes('user-scalable=no') ||
                         content.includes('maximum-scale=1');
    return { wcag: '1.4.4', status: isRestricted ? 'restricted' : 'flexible', content };
  } catch (e) { return { error: e.message }; }
}

async () => {
  try {
    await new Promise(r => setTimeout(r, 500));

    const getSelector = (el) => {
      let sel = el.tagName.toLowerCase();
      if (el.id) sel += '#' + el.id;
      if (el.className && typeof el.className === 'string') {
        const cls = el.className.split(' ').filter(c => c).slice(0, 3).join('.');
        if (cls) sel += '.' + cls;
      }
      return sel;
    };

    const horizontalScroll = document.documentElement.scrollWidth > window.innerWidth;

    // Target likely overflow containers instead of querySelectorAll('*')
    const overflowCandidates = Array.from(document.querySelectorAll(
      'main, section, article, nav, aside, header, footer, div, table, pre, code, ' +
      '[style*="overflow"], [style*="width"], .container, .wrapper, .content'
    ));

    const truncated = overflowCandidates.filter(el => {
      try {
        const style = window.getComputedStyle(el);
        const hasHiddenOverflow = style.overflow === 'hidden' || style.overflowX === 'hidden';
        return hasHiddenOverflow && el.scrollWidth > el.clientWidth && (el.innerText || '').trim().length > 0;
      } catch { return false; }
    }).map(el => ({
      selector: getSelector(el),
      text: (el.innerText || '').substring(0, 30),
      scrollWidth: el.scrollWidth,
      clientWidth: el.clientWidth
    }));

    return {
      wcag: '1.4.10',
      hasHorizontalScroll: horizontalScroll,
      bodyScrollWidth: document.body.scrollWidth,
      bodyClientWidth: document.body.clientWidth,
      truncatedElements: { items: truncated.slice(0, 10), total: truncated.length }
    };
  } catch (e) { return { error: e.message }; }
}