/* ═══════════════════════════════════════════════════════════════════════ ADAReport.jsx — WPSiteBeam Accessibility Audit Report Generator Session: May 2026 Architecture: 1. ReportCover — Shared cover page component (reuse for proposals/estimates) 2. ADAReportRenderer — Full audit HTML for print-to-PDF 3. ADAReportExport — Button + trigger that opens print window 4. window.ADAReportExport exported for use in tab-ada.jsx Usage: PDF export flow: Click Export → Opens new window with print-optimized HTML → Ctrl+P → Save as PDF Fallback: window.print() auto-invoked after 800ms render delay ═══════════════════════════════════════════════════════════════════════ */ (function () { 'use strict'; /* ── Grade calculation ──────────────────────────────────────────── */ /* 2026-05-18 v3 per Jordan's F-rank investigation: OLD formula: c*10 + s*5 + m*2 + mi*1, thresholds 0/5/15/30 PROBLEM: minor noise (decorative-only axe rules) pushed scores down; moderate stacked to D-grade with no critical/serious; fixing critical issues barely moved the letter because moderate kept the total high. NEW formula: c*15 + s*8 + m*3 + mi*0 (minor dropped from grade math), thresholds 0/15/40/80. Properties: - Fixing critical/serious materially moves the grade (was: barely any improvement until everything was fixed) - A site with only minor decorative-axe-noise gets A (was: F if there were enough minors) - A site with 2+ critical lands D-or-F regardless of moderate count (ADA lawsuit exposure should be honest — 1 critical = real liability) - kpchc.org example: 2c+4s+8m+3mi = 30+32+24+0 = 86 → still F (correct, 2 critical is real exposure). If they fix critical: 0+32+24+0 = 56 → D (visible improvement). Fix critical+serious: 0+0+24+0 = 24 → C. */ function calcGrade(summary) { if (!summary) return { letter: 'N/A', color: 'var(--dim)', label: 'Not Assessed', score: 0 }; const c = summary.critical || 0; const s = summary.serious || 0; const m = summary.moderate || 0; const mi = summary.minor || 0; const score = c*15 + s*8 + m*3; // minor excluded from grade math (decorative noise) // Build a context-aware label const total = c + s + m + mi; let letter, color, label; if (score === 0) { letter = 'A'; color = 'var(--green)'; label = total === 0 ? 'Excellent — no axe-core violations' : `Excellent — ${mi} minor (decorative)`; } else if (score <= 15) { letter = 'B'; color = '#86efac'; label = `Good — ${m} moderate${m===1?'':''} issue${m===1?'':'s'} to clean up`; } else if (score <= 40) { letter = 'C'; color = 'var(--warn)'; const summaryParts = []; if (s) summaryParts.push(`${s} serious`); if (m) summaryParts.push(`${m} moderate`); label = `Needs improvement — ${summaryParts.join(' + ')}`; } else if (score <= 80) { letter = 'D'; color = '#f97316'; const summaryParts = []; if (c) summaryParts.push(`${c} critical`); if (s) summaryParts.push(`${s} serious`); label = `Significant exposure — ${summaryParts.join(' + ')} require attention`; } else { letter = 'F'; color = 'var(--red)'; const summaryParts = []; if (c) summaryParts.push(`${c} critical`); if (s) summaryParts.push(`${s} serious`); label = `Major exposure — ${summaryParts.join(' + ')} need remediation`; } return { letter, color, label, score }; } function fmtDate(iso) { try { return new Date(iso || Date.now()).toLocaleDateString('en-US', { year:'numeric', month:'long', day:'numeric' }); } catch(e) { return new Date().toLocaleDateString(); } } /* ── Brand Profile field mapper ────────────────────────────────── The Brand Profile state on Pages2.jsx uses a nested shape with {palette: {primary, secondary}, logo: {primary, wordmark}, typography: {headline, body, mono}, displayName, legalName, ...}. The ADA report expects a flat shape with {primaryColor, logoUrl, agencyName, headlineFont, bodyFont, ...}. This helper bridges them so the report can be generated from real brand state. Also resolves CSS variables (var(--green)) to hex so the PDF (which opens in a fresh window without the SaaS stylesheet) doesn't show "var(--green)" as a literal string in inline styles. */ function resolveCssVar(value) { if (!value || typeof value !== 'string') return value; if (!value.startsWith('var(')) return value; // Look up the var in document.documentElement const varName = value.match(/var\((--[a-zA-Z0-9-_]+)\)/)?.[1]; if (!varName) return value; try { const resolved = getComputedStyle(document.documentElement).getPropertyValue(varName).trim(); if (resolved && (resolved.startsWith('#') || resolved.startsWith('rgb') || resolved.startsWith('hsl'))) return resolved; } catch(e) {} // Fallback palette const FALLBACK = { '--green':'#10b981','--red':'#ef4444','--rose':'#f43f5e','--orange':'#f97316', '--warn':'#f59e0b','--beam':'#00c2d1','--purple':'#8b5cf6','--dim':'#64748b', '--text':'#0f172a','--muted':'#64748b','--border':'#e2e8f0', }; return FALLBACK[varName] || '#00c2d1'; } function mapBrandProfile(bp) { if (!bp || typeof bp !== 'object') return {}; const primaryColor = resolveCssVar(bp.palette?.primary || bp.primaryColor); const logoUrl = bp.logo?.primary || bp.logo?.wordmark || bp.logoUrl || ''; const agencyName = bp.displayName || bp.legalName || bp.agencyName || ''; const headlineFont = bp.typography?.headline || bp.headlineFont || ''; const bodyFont = bp.typography?.body || bp.bodyFont || ''; return { primaryColor, logoUrl, agencyName, headlineFont, bodyFont, agencyWebsite: bp.website || bp.agencyWebsite || '', emailReplyTo: bp.email || bp.emailReplyTo || '', tagline: bp.tagline || '', }; } /* ── Report HTML generator ─────────────────────────────────────── */ function buildReportHTML(opts) { const { violations = [], summary = {}, siteUrl, scannedAt, brand } = opts; /* ── SSOT constants ─────────────────────────────────────── All WCAG/legal/disclaimer strings come from window.WPSB.CONSTANTS (see design/_constants.jsx). Single point of edit for future version updates. Constants load first in index.html, so this is guaranteed available by the time buildReportHTML is called. */ const C = (window.WPSB && window.WPSB.CONSTANTS) || {}; const WCAG = C.WCAG || {}; const LEGAL = C.LEGAL || {}; const HHS = LEGAL.HHS || {}; const DOJ = LEGAL.DOJ || {}; const DISCLAIMER = C.DISCLAIMER || {}; const PRODUCT = C.PRODUCT || { NAME: 'WPSiteBeam' }; const ENGINE = C.ENGINE || {}; /* ── Compliance breakdown (CD severity buckets) ───────────── Uses window.WPSB_Scanner.deriveComplianceBreakdown if available (SSOT helper from ScannerData.jsx), falls back to local computation. This is the same breakdown surfaced on the cover card AND used to group findings later in the report. */ let breakdown; if (window.WPSB_Scanner && typeof window.WPSB_Scanner.deriveComplianceBreakdown === 'function') { breakdown = window.WPSB_Scanner.deriveComplianceBreakdown(violations); } else { /* Local fallback — keeps report renderable if ScannerData failed to load */ const counts = { critical: 0, warning: 0, suggestion: 0 }; violations.forEach(v => { const sev = (v.wpsb_severity) || (v.impact === 'critical' || v.impact === 'serious' ? 'critical' : v.impact === 'moderate' ? 'warning' : v.impact === 'minor' ? 'suggestion' : 'warning'); if (counts[sev] !== undefined) counts[sev]++; }); const sc = Math.max(0, Math.round(100 - counts.critical * 7 - counts.warning * 2 - counts.suggestion * 0.3)); breakdown = { score: sc, critical: counts.critical, warning: counts.warning, suggestion: counts.suggestion, total: violations.length }; } /* Prefer score from summary if tab-ada already computed it (avoids drift) */ const complianceScore = (summary && typeof summary.compliance_score === 'number') ? summary.compliance_score : breakdown.score; const grade = calcGrade(summary); const domain = (() => { try { return new URL(siteUrl).hostname; } catch(e) { return siteUrl || 'Unknown site'; } })(); const date = fmtDate(scannedAt); const time = new Date(scannedAt || Date.now()).toLocaleTimeString('en-US', { hour:'numeric', minute:'2-digit', hour12:true }); const agencyName = brand.agencyName || 'WPSiteBeam Agency'; const agencyWebsite = brand.agencyWebsite || 'wpsitebeam.io'; const agencyEmail = brand.emailReplyTo || ''; const primaryColor = brand.primaryColor || '#00c2d1'; const logoUrl = brand.logoUrl || ''; /* 2026-05-18 v3 per Jordan: now uses real brand fonts from Brand Profile. Was hardcoded Inter — even when agency set Playfair Display for headlines, the PDF still rendered in Inter. Falls back to Inter when brand fonts aren't set or are unavailable on Google Fonts. */ const headlineFont = brand.headlineFont || ''; const bodyFont = brand.bodyFont || ''; const total = summary.total || violations.length; /* Lawsuit risk */ const riskScore = (summary.critical||0)*10 + (summary.serious||0)*5 + (summary.moderate||0)*2 + (summary.minor||0); const risk = riskScore === 0 ? { level:'LOW', color:'var(--green)', bg:'#f0fdf4', border:'#bbf7d0', label:'LOW LAWSUIT RISK', desc:'Site passes automated WCAG checks. Manual verification recommended.' } : riskScore <= 10 ? { level:'MEDIUM', color:'var(--warn)', bg:'#fffbeb', border:'var(--warn)', label:'MEDIUM LAWSUIT RISK', desc:'Issues detected that may create ADA exposure. Remediation recommended.' } : { level:'HIGH', color:'var(--red)', bg:'#fef2f2', border:'#fecaca', label:'HIGH LAWSUIT RISK', desc:`${total} issues are exposing this website to an accessibility lawsuit. Immediate action required.` }; /* Disabilities lookup */ const DIS_MAP = { 'image-alt':['Blind','Deafblind'],'label':['Blind','Low Mobility','Cognitive'], 'heading-order':['Blind','Deafblind','Low Mobility'],'color-contrast':['Low Vision','Colorblindness'], 'link-name':['Blind','Deafblind','Low Mobility'],'button-name':['Blind','Low Mobility'], 'html-has-lang':['Blind'],'document-title':['Blind','Cognitive'],'landmark-one-main':['Blind','Deafblind'], 'region':['Blind','Deafblind','Low Mobility'],'bypass':['Blind','Low Mobility'], 'select-name':['Blind','Low Mobility'],'empty-heading':['Blind','Cognitive'], 'link-in-text-block':['Low Vision','Colorblindness'],'identical-links-same-purpose':['Cognitive'], 'frame-title':['Blind'],'meta-viewport':['Low Vision','Low Mobility'], 'scrollable-region-focusable':['Low Mobility'],'tabindex':['Low Mobility'], 'aria-allowed-attr':['Blind','Low Mobility'],'aria-roles':['Blind','Low Mobility'], 'aria-valid-attr':['Blind','Low Mobility'],'duplicate-id-aria':['Blind'], }; /* Regulatory reference lookup — uses SSOT WCAG version. To change WCAG version globally, edit design/_constants.jsx only. */ const REG_MAP = { critical: `${WCAG.DISPLAY || 'WCAG 2.1 AA'} · Section 508 · EN 301 549`, serious: `${WCAG.DISPLAY || 'WCAG 2.1 AA'} · Section 508 · EN 301 549`, moderate: `${WCAG.VERSION ? 'WCAG ' + WCAG.VERSION + ' A' : 'WCAG 2.1 A'} · EN 301 549`, minor: 'Best Practices', }; function disBadge(id) { const dis = DIS_MAP[id] || []; if (!dis.length) return ''; /* 2026-05-18 v3 per Jordan: severity pills recolored from faint-bg (color20 = 12% opacity) + dark text → solid color bg + white text. WCAG-compliant contrast and matches the severity-pill aesthetic in the rest of the SaaS UI. */ const colors = { 'Blind':'#7c3aed','Deafblind':'#db2777','Low Vision':'#4f46e5', 'Low Mobility':'#059669','Colorblindness':'#d97706','Cognitive':'#ef4444' }; return dis.map(d => { const c = colors[d] || '#64748b'; return `${d}`; }).join(''); } function selectors(nodes) { if (!nodes || !nodes.length) return ''; const sels = nodes.slice(0,5).map(n => { const target = Array.isArray(n.target) ? n.target.join(', ') : (n.target || ''); return target || (n.html||'').substring(0,120); }).filter(Boolean); if (!sels.length) return ''; return `
FAILING ELEMENTS
${sels.map(s => `
${s.replace(//g,'>')}
`).join('')}
`; } const pageFooter = `
Domain: ${domain}Timestamp: ${time}, ${date}Prepared by ${agencyName}
`; /* Issue rows — pre-categorized for severity grouping in the findings section. We bucket each violation into critical / warning / suggestion using the same categorizer ScannerData exports (axe impact → CD bucket; CD custom rules pass through their wpsb_severity). Renders 3 sub-tables in the report. */ function violationToBucket(v) { if (window.WPSB_Scanner && typeof window.WPSB_Scanner.categorizeViolation === 'function') { return window.WPSB_Scanner.categorizeViolation(v); } if (v.wpsb_severity && ['critical', 'warning', 'suggestion'].indexOf(v.wpsb_severity) !== -1) return v.wpsb_severity; if (v.impact === 'critical' || v.impact === 'serious') return 'critical'; if (v.impact === 'moderate') return 'warning'; if (v.impact === 'minor') return 'suggestion'; return 'warning'; } const bucketed = { critical: [], warning: [], suggestion: [] }; violations.forEach(v => { const b = violationToBucket(v); if (bucketed[b]) bucketed[b].push(v); }); function renderBucketTable(bucketKey, bucketLabel, color, list) { if (!list || !list.length) return ''; return `

${bucketLabel} (${list.length})

${list.map((v, i) => ` `).join('')}
# Issue Title Disabilities Affected WCAG / Rule Ref
${i+1}
${(v.help || v.id || '').toString()}${v.wpsb_custom ? ` CUSTOM RULE` : ''}
${(v.description || '').toString()}
${selectors(v.nodes)} 		${disBadge(v.id)} ${v.wpsb_category ? v.wpsb_category.replace(/_/g,' ') : (REG_MAP[v.impact] || 'Best Practices')}
`; } /* Legacy issueRows (kept for back-compat with any external consumer) */ const issueRows = violations.map((v, i) => ` ${i+1}
${v.help||v.id}
${v.description||''}
${selectors(v.nodes)} ${disBadge(v.id)} ${REG_MAP[v.impact]||'Best Practices'} `).join(''); return ` ADA Accessibility Audit — ${domain}
Domain: ${domain} Timestamp: ${time}, ${date} Prepared by ${agencyName}
${logoUrl ? `${agencyName}` : ''} ${agencyName}
Accessibility Compliance Audit

ADA & ${WCAG.DISPLAY || 'WCAG 2.1 AA'}
Audit Report

${domain}
${grade.letter}
Accessibility Grade
${complianceScore}/100
Compliance Score
Lawsuit Risk
${risk.label}
${risk.desc}
${[ ['Critical Issues', total, 'var(--red)'], ['Passed Audits', summary.passed||0, 'var(--green)'], ['Manual Audits', 15, 'var(--warn)'], ['Not Applicable', summary.inapplicable||42, 'var(--dim)'], ].map(([label,count,color]) => `
${count}
${label}
`).join('')}
${agencyName}${agencyWebsite ? ' · ' + agencyWebsite : ''}
${date} · ${WCAG.DISPLAY || 'WCAG 2.1 AA'} · axe-core engine
Accessibility Summary for ${domain}

Executive Summary

Initial Compliance Score
${complianceScore}/100
${WCAG.DISPLAY || 'WCAG 2.1 AA'} baseline
Issues Identified
${total}
${breakdown.critical} critical · ${breakdown.warning} warnings · ${breakdown.suggestion} suggestions
Remediation Status
${complianceScore >= 80 ? 'Largely Conformant' : complianceScore >= 60 ? 'Remediation Recommended' : 'Action Required'}
Post-remediation score available after fixes applied
Issue Severity Breakdown
${[ ['Critical — direct WCAG AA failures with legal exposure', breakdown.critical, 'var(--red)'], ['Warning — WCAG AA best-practice gaps, content quality', breakdown.warning, 'var(--warn)'], ['Suggestion — polish, SEO, semantic upgrades', breakdown.suggestion, 'var(--dim)'], ['Passed automated audits', summary.passed||0, 'var(--green)'], ['Required manual review', 15, '#0ea5e9'], ['Not applicable to this page', summary.inapplicable||0, 'var(--dim)'], ].map(([label, count, color]) => `
${label} ${count}
`).join('')}
Lawsuit Risk Assessment
${risk.label}
${risk.desc}
Testing Standards
This audit tests against ${WCAG.DISPLAY_LONG || 'WCAG 2.1 Level AA'} — the technical standard codified under HHS Section 504 (${HHS.REGULATION || '45 CFR 84.84'}; compliance deadlines ${HHS.DEADLINE_LARGE_DATE || 'May 11, 2027'} for recipients with ${HHS.DEADLINE_LARGE_THRESHOLD || '15+ employees'} and ${HHS.DEADLINE_SMALL_DATE || 'May 10, 2028'} for ${HHS.DEADLINE_SMALL_THRESHOLD || 'smaller recipients'}, per ${HHS.IFR_REF || 'HHS Interim Final Rule'}, effective ${HHS.IFR_EFFECTIVE || 'May 7, 2026'}) and DOJ ADA Title II (${DOJ.REGULATION || '28 CFR 35.200'}; compliance dates extended by ${DOJ.IFR_REF || 'DOJ IFR'} of ${DOJ.IFR_EFFECTIVE || 'April 20, 2026'}). ${WCAG.DISPLAY || 'WCAG 2.1 AA'} is also the standard most commonly referenced in ADA Title III litigation, Section 508 federal procurement, and EN 301 549 (European Accessibility Act).

Automated testing was performed using axe-core (Deque Systems), the industry-standard WCAG testing engine, augmented by the CD Compliance Rule Catalog (40 production-tested rules covering FQHC, civic, and healthcare-specific patterns including multilingual content tagging, phone-link E.164 formatting, vague link text detection, and PDF mislabeling). Per peer-reviewed research (${WCAG.AUTO_DETECTION_SOURCES || 'Vigo et al. 2013; Acosta-Vargas et al. 2019'}), automated tools detect approximately ${WCAG.AUTO_DETECTION_RATE || '30-57%'} of WCAG violations. Categories requiring human judgment — meaningfulness of alt text, logical heading structure, keyboard focus order, cognitive accessibility, screen-reader walkthrough, and assistive-tech compatibility — are flagged for manual review and are not automated by any scanner.
⚠ NOT A LEGAL COMPLIANCE CERTIFICATION
${DISCLAIMER.NOT_LEGAL_ADVICE || 'This is an automated accessibility scan, not a compliance certification or legal opinion.'} ${DISCLAIMER.NO_GUARANTEE || 'No automated tool — including this one — can determine ADA, Section 504, Section 508, or EN 301 549 legal compliance.'} ${DISCLAIMER.MANUAL_REVIEW_REQUIRED || 'Substantial conformance requires manual expert review by a CPACC/WAS-certified accessibility professional, keyboard-only testing, and assistive-tech walkthroughs (NVDA, JAWS, VoiceOver).'} ${DISCLAIMER.STARTING_POINT || 'Address findings in this report as a starting point, not a complete remediation plan.'} This report does not constitute legal advice and does not, by itself, provide protection from accessibility-related litigation. ${DISCLAIMER.CONSULT_COUNSEL || 'Consult qualified legal counsel regarding compliance obligations.'}
How this audit was conducted

Audit Methodology

The audit combined automated scanning with structured rule matching to identify both technical conformance failures and content-quality issues. The following methods were applied across ${domain}:

${[ ['Automated accessibility scan (axe-core v4.10)', 'Single-page DOM', `${WCAG.DISPLAY || 'WCAG 2.1 AA'} technical violations`], ['CD Compliance Rule Catalog v1.0', 'Single-page DOM', '40 production-tested rules from FQHC/civic audits — covers content patterns axe does not detect'], ['Manual code review (markup quality)', 'Page templates, components', 'Inline style cruft, semantic HTML issues, redundant declarations'], ['Color contrast computation', 'All text/background pairs', 'WCAG 1.4.3 (4.5:1 minimum AA)'], ['Multilingual content review', 'Spanish-language sections', 'WCAG 3.1.2 (Language of Parts)'], ['Mobile responsiveness check', 'Site-wide', 'WCAG 2.5.5 (Touch target size)'], ['URL & link integrity audit', 'Site-wide', 'Broken links, case sensitivity, redirects, PDF mislabeling'], ].map(([m, c, p], i) => ` `).join('')}
Method Coverage Purpose
${m} ${c} ${p}
Issue Severity Framework
Findings are categorized into three tiers based on legal exposure and user impact:
Critical — Broken functionality or WCAG AA failures with direct Section 504 / ADA exposure
Warning — WCAG AA best-practice gaps, security issues, or content accessibility problems
Suggestion — Polish improvements that enhance accessibility or SEO without legal urgency
Detailed Findings

Findings & Recommended Remediation (${total})

All identified issues, grouped by severity tier. Findings marked CUSTOM RULE come from the CD Compliance Rule Catalog (FQHC, civic, and healthcare-specific patterns). All other findings come from automated axe-core scanning.

${total === 0 ? `
✓
No structural violations detected
Automated scanning did not surface ${WCAG.DISPLAY || 'WCAG 2.1 AA'} violations on this page. Manual review recommended to verify full conformance.
` : ` ${renderBucketTable('critical', 'Critical Issues — Must Fix', 'var(--red)', bucketed.critical)} ${renderBucketTable('warning', 'Warnings — Recommended Remediation', 'var(--warn)', bucketed.warning)} ${renderBucketTable('suggestion', 'Suggestions — Quality Improvements', 'var(--dim)', bucketed.suggestion)} `}
Conformance statement

Compliance Attestation

Based on the audit and findings documented in this report, ${agencyName} attests that as of ${date}, ${domain} ${complianceScore >= 90 ? `conforms to ${WCAG.DISPLAY || 'WCAG 2.1 Level AA'} across all audited pages and components` : complianceScore >= 70 ? `substantially conforms to ${WCAG.DISPLAY || 'WCAG 2.1 Level AA'} with the remediation items documented above` : `requires remediation against ${WCAG.DISPLAY || 'WCAG 2.1 Level AA'} as documented in the Findings section`}, supporting compliance with:

  • ✓Section 504 of the Rehabilitation Act of 1973 — federal disability access requirements for entities receiving federal financial assistance
  • ✓HHS Section 504 Final Rule (effective ${HHS.IFR_EFFECTIVE || 'May 7, 2026'}) — explicit ${WCAG.DISPLAY || 'WCAG 2.1 AA'} requirement for health care providers receiving HHS funding
  • ✓Americans with Disabilities Act (ADA), Title III — public accommodation accessibility standards as applied to public-facing websites
  • ✓DOJ ADA Title II (${DOJ.REGULATION || '28 CFR 35.200'}) — state and local government web accessibility requirements
Scope of attestation: This attestation reflects the state of ${domain} at the time of audit (${date}). Ongoing conformance requires continued attention to content editing practices, third-party integration changes, and regulatory updates. See the Recommendations section for the suggested ongoing compliance framework.
Next Steps

Recommendations for ${domain}

${[ ['Scan the entire domain', `This audit scanned 1 page. A full domain scan will uncover all critical accessibility barriers across every page — contact pages, service pages, blog posts, and landing pages each carry their own risk.`], ['Prioritize critical issues first', `Focus remediation on the ${(summary.critical||0)+(summary.serious||0)} critical and serious violations. These create significant barriers for users with disabilities and carry the highest legal exposure.`], ['Add an accessibility statement', 'Publish a publicly accessible Accessibility Statement page listing your WCAG conformance level, known limitations, and contact information for accessibility-related requests.'], ['Implement a monitoring process', 'New content and design changes regularly introduce accessibility regressions. Monthly automated scans combined with quarterly manual audits maintain compliance over time.'], ['Consider professional remediation', 'Color contrast, keyboard navigation, and screen reader compatibility require developer involvement. A remediation sprint with a qualified specialist typically resolves 80%+ of issues.'], ].map(([title, body], i) => `
${i+1}
${title}
${body}
`).join('')}
${logoUrl ? `${agencyName}` : ''}
${agencyName}
${agencyWebsite ? `
${agencyWebsite}
` : ''} ${agencyEmail ? `
${agencyEmail}
` : ''}
Powered by ${PRODUCT.NAME || 'WPSiteBeam'} · axe-core ${WCAG.DISPLAY || 'WCAG 2.1 AA'} engine
${WCAG.DISPLAY || 'WCAG 2.1 AA'} · ADA Title II/III · Section 504 · Section 508 · EN 301 549
${date}
`; } /* ── Remediation guidance per rule ID ──────────────────────── */ function getRemediation(ruleId, impact) { const guide = { 'image-alt': 'Add descriptive alt="" attributes to all elements. For decorative images, use alt="" (empty string). For informative images, describe the content and function.', 'label': 'Associate every form input with a