Website Accessibility Compliance Checker

Accessibility Compliance Checker

Paste your page's HTML to identify common accessibility issues.

1. Paste HTML Source Code

Analysis results will appear here.

${lastAnalysis.errorCount}

Warnings

${lastAnalysis.warningCount}

`; let detailsHtml = lastAnalysis.issues.map(i => `

${i.type.toUpperCase()}: ${i.message}

${escapeHtml(i.element)}

`).join(''); document.getElementById('pdf-details-container').innerHTML = detailsHtml; const reportEl = document.getElementById('pdf-report'); reportEl.classList.remove('hidden'); const canvas = await html2canvas(reportEl, { scale: 2 }); reportEl.classList.add('hidden'); const imgData = canvas.toDataURL('image/png'); const { jsPDF } = window.jspdf; const pdf = new jsPDF({ orientation: 'p', unit: 'in', format: 'letter' }); const pdfWidth = pdf.internal.pageSize.getWidth(); const pdfHeight = (canvas.height * pdfWidth) / canvas.width; pdf.addImage(imgData, 'PNG', 0, 0, pdfWidth, pdfHeight); pdf.save('Accessibility-Report.pdf'); } document.getElementById('checkBtn').addEventListener('click', runAnalysis); document.getElementById('downloadPdfBtn').addEventListener('click', generatePdf); });
Scroll to Top