{
  "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 }; }
}