🔍 SEO & Accessibility Audit Bookmarklet

This bookmarklet analyzes webpages for SEO best practices, Core Web Vitals, and WCAG accessibility standards. Copy the code below and create a new bookmark with it.

📋 Bookmarklet Code:

Select all the text below and copy it:

javascript:(function(){if(document.getElementById('seoAuditOverlay')){document.getElementById('seoAuditOverlay').remove();return;}const results={seo:[],wcag:[],summary:{}};function addResult(category,type,status,details,rec,why,links){results[category].push({type,status,details,rec,why,links});}function checkSEO(){const t=document.title||'';const md=document.querySelector('meta[name="description"]');const h1s=document.querySelectorAll('h1');const imgs=document.querySelectorAll('img');const vp=document.querySelector('meta[name="viewport"]');addResult('seo','Title',t?'✅ Pass':'❌ Fail',t?(t+' ('+t.length+' chars)'):'Missing title',t?(t.length<30?'Too short (30-60 recommended)':t.length>60?'Too long (30-60 recommended)':'Good length'):'Add title tag','Titles appear in search results and browser tabs','https://developers.google.com/search/docs/appearance/title-link');addResult('seo','Meta Description',md?'✅ Pass':'❌ Fail',md?(md.content+' ('+md.content.length+' chars)'):'Missing description',md?(md.content.length<120?'Too short (120-160 recommended)':md.content.length>160?'Too long (120-160 recommended)':'Good length'):'Add meta description','Descriptions appear in search results and affect click-through rates','https://developers.google.com/search/docs/appearance/snippet');addResult('seo','H1 Tags',h1s.length===1?'✅ Pass':(h1s.length>1?'⚠️ Warning':'❌ Fail'),'Found '+h1s.length+' H1 tags',h1s.length===0?'Add one H1 tag':h1s.length>1?'Use only one H1 per page':'Correct H1 usage','H1 tags help search engines understand page hierarchy and main topics','https://moz.com/learn/seo/on-page-factors');const noAlt=Array.from(imgs).filter(img=>!img.alt||!img.alt.trim()).length;addResult('seo','Images',noAlt===0?'✅ Pass':'❌ Fail',imgs.length+' images, '+noAlt+' missing alt text',noAlt>0?'Add alt text to all images':'All images have alt text','Alt text helps SEO and accessibility for screen readers','https://moz.com/learn/seo/alt-text');addResult('seo','Viewport',vp?'✅ Pass':'❌ Fail',vp?('Found: '+vp.content):'Missing viewport meta tag',vp?'Viewport tag present':'Add viewport meta tag','Essential for mobile-friendly pages and mobile-first indexing','https://web.dev/responsive-web-design-basics/');}function checkWCAG(){const imgs=document.querySelectorAll('img');const links=document.querySelectorAll('a');const btns=document.querySelectorAll('button');const inputs=document.querySelectorAll('input:not([type="hidden"]):not([type="submit"]):not([type="button"])');const lang=document.documentElement.lang;const noAlt=Array.from(imgs).filter(img=>!img.alt||!img.alt.trim()).length;const emptyLinks=Array.from(links).filter(link=>!link.textContent.trim()&&!link.querySelector('img[alt]')&&!link.getAttribute('aria-label')).length;const emptyBtns=Array.from(btns).filter(btn=>!btn.textContent.trim()&&!btn.getAttribute('aria-label')&&!btn.querySelector('img[alt]')).length;const noLabels=Array.from(inputs).filter(input=>{const id=input.id;const hasLabel=id&&document.querySelector('label[for="'+id+'"]');return !hasLabel&&!input.getAttribute('aria-label')&&!input.getAttribute('aria-labelledby');}).length;addResult('wcag','Images',noAlt===0?'✅ Pass':'❌ Fail',noAlt+' of '+imgs.length+' images missing alt text',noAlt>0?'Add alt text to all images':'All images accessible','WCAG requires alt text for images - legally mandated in many places','https://webaim.org/techniques/alttext/');addResult('wcag','Links',emptyLinks===0?'✅ Pass':'❌ Fail',emptyLinks+' links without accessible text',emptyLinks>0?'Add descriptive text or aria-labels to links':'All links accessible','Links need descriptive text for screen readers','https://webaim.org/techniques/hypertext/');addResult('wcag','Buttons',emptyBtns===0?'✅ Pass':'❌ Fail',emptyBtns+' buttons without accessible text',emptyBtns>0?'Add text or aria-labels to buttons':'All buttons accessible','Buttons need accessible names for users with disabilities','https://webaim.org/techniques/forms/controls');addResult('wcag','Forms',noLabels===0?'✅ Pass':'❌ Fail',noLabels+' inputs without proper labels',noLabels>0?'Associate inputs with labels':'All inputs properly labeled','Form inputs must have proper labels for accessibility','https://webaim.org/techniques/forms/');addResult('wcag','Language',lang?'✅ Pass':'❌ Fail',lang?('Language: '+lang):'No language declared',lang?'Language declared':'Add lang attribute to html element','Page language helps screen readers and translation tools','https://webaim.org/techniques/semanticstructure/');}checkSEO();checkWCAG();results.summary={seoIssues:results.seo.filter(i=>i.status.includes('❌')).length,wcagIssues:results.wcag.filter(i=>i.status.includes('❌')).length};const overlay=document.createElement('div');overlay.id='seoAuditOverlay';overlay.innerHTML='<div style="position:fixed;top:0;left:0;width:100%;height:100%;background:rgba(0,0,0,0.7);z-index:999999;font-family:system-ui,sans-serif" onclick="if(event.target===this)this.remove()"><div style="position:relative;width:90%;max-width:800px;height:90%;max-height:600px;margin:5% auto;background:white;border-radius:10px;overflow:hidden;box-shadow:0 10px 30px rgba(0,0,0,0.3)"><div style="background:linear-gradient(135deg,#667eea,#764ba2);color:white;padding:20px;position:relative"><button onclick="document.getElementById(\'seoAuditOverlay\').remove()" style="position:absolute;top:10px;right:15px;background:none;border:none;color:white;font-size:24px;cursor:pointer;padding:5px">×</button><h1 style="margin:0;font-size:1.8em">🔍 SEO & Accessibility Audit</h1><p style="margin:5px 0 0;opacity:0.9">Click outside or × to close</p></div><div style="display:flex;justify-content:center;gap:20px;padding:20px;background:#f8f9fa"><div style="text-align:center"><div style="font-size:2em;font-weight:bold;color:#dc3545">'+results.summary.seoIssues+'</div><div style="color:#666">SEO Issues</div></div><div style="text-align:center"><div style="font-size:2em;font-weight:bold;color:#dc3545">'+results.summary.wcagIssues+'</div><div style="color:#666">Accessibility Issues</div></div></div><div style="height:calc(100% - 140px);overflow-y:auto;padding:20px"><div style="margin-bottom:5px;font-size:0.9em;color:#666">'+location.href+'</div><h2 style="color:#2c3e50;border-bottom:2px solid #007bff;padding-bottom:5px;margin:20px 0 15px">🎯 SEO Analysis</h2>'+results.seo.map(item=>'<div style="background:#f8f9fa;margin:10px 0;padding:15px;border-radius:6px;border-left:4px solid '+(item.status.includes('✅')?'#28a745':item.status.includes('❌')?'#dc3545':'#ffc107')+'"><h4 style="margin:0 0 8px;font-size:1.1em">'+item.type+'</h4><div style="font-weight:bold;margin-bottom:5px">'+item.status+'</div><div style="color:#666;margin-bottom:5px;font-size:0.9em">'+item.details+'</div><div style="color:#555;margin-bottom:5px">💡 '+item.rec+'</div><div style="color:#777;font-style:italic;font-size:0.85em;margin-bottom:5px">ℹ️ '+item.why+'</div><a href="'+item.links+'" target="_blank" style="display:inline-block;background:#e9ecef;color:#495057;text-decoration:none;padding:4px 8px;border-radius:4px;font-size:0.8em">📖 Learn More</a></div>').join('')+'<h2 style="color:#2c3e50;border-bottom:2px solid #007bff;padding-bottom:5px;margin:20px 0 15px">♿ WCAG Accessibility</h2>'+results.wcag.map(item=>'<div style="background:#f8f9fa;margin:10px 0;padding:15px;border-radius:6px;border-left:4px solid '+(item.status.includes('✅')?'#28a745':'#dc3545')+'"><h4 style="margin:0 0 8px;font-size:1.1em">'+item.type+'</h4><div style="font-weight:bold;margin-bottom:5px">'+item.status+'</div><div style="color:#666;margin-bottom:5px;font-size:0.9em">'+item.details+'</div><div style="color:#555;margin-bottom:5px">💡 '+item.rec+'</div><div style="color:#777;font-style:italic;font-size:0.85em;margin-bottom:5px">ℹ️ '+item.why+'</div><a href="'+item.links+'" target="_blank" style="display:inline-block;background:#e9ecef;color:#495057;text-decoration:none;padding:4px 8px;border-radius:4px;font-size:0.8em">📖 Learn More</a></div>').join('')+'<div style="margin-top:20px;padding:15px;background:#e9ecef;border-radius:6px;text-align:center"><button onclick="copyAuditResults()" style="background:#007bff;color:white;border:none;padding:10px 20px;border-radius:5px;cursor:pointer;font-weight:bold">📋 Copy Full Report</button></div></div></div></div>';document.body.appendChild(overlay);window.copyAuditResults=function(){const text="SEO AUDIT REPORT\\nURL: "+location.href+"\\n\\nSUMMARY:\\nSEO Issues: "+results.summary.seoIssues+"\\nAccessibility Issues: "+results.summary.wcagIssues+"\\n\\nSEO ANALYSIS:\\n"+results.seo.map(i=>i.type+": "+i.status+"\\nDetails: "+i.details+"\\nRecommendation: "+i.rec+"\\nWhy: "+i.why+"\\nLearn: "+i.links+"\\n").join("\\n")+"\\nWCAG ACCESSIBILITY:\\n"+results.wcag.map(i=>i.type+": "+i.status+"\\nDetails: "+i.details+"\\nRecommendation: "+i.rec+"\\nWhy: "+i.why+"\\nLearn: "+i.links+"\\n").join("\\n");navigator.clipboard.writeText(text).then(()=>{const btn=document.querySelector("button[onclick='copyAuditResults()']");if(btn){btn.textContent="✅ Copied!";setTimeout(()=>btn.textContent="📋 Copy Full Report",2000);}});};})();

🔧 How to Create the Bookmark:

Copy all the code from the text area above (click in the box and Ctrl+A, then Ctrl+C)
Right-click your browser's bookmarks bar
Select "Add page" or "Add bookmark"
Name it "SEO Audit Tool" (or whatever you prefer)
Paste the code as the URL/Address
Save the bookmark

To Use: Navigate to any webpage and click your new bookmark. A detailed audit report will open in a new window.

✨ What It Analyzes

🎯 SEO Analysis

Title tag optimization
Meta description analysis
Heading structure (H1-H6)
Image alt text
Link analysis
Canonical URLs
Open Graph tags
Structured data

⚡ Core Web Vitals

Largest Contentful Paint (LCP)
First Contentful Paint (FCP)
DOM loading metrics
Resource analysis
Performance timing

♿ WCAG Accessibility

Image accessibility
Link & button accessibility
Form labels
Heading hierarchy
Language declaration
Keyboard navigation

📊 Report Features

Color-coded results
Actionable recommendations
Summary statistics
Copyable text report
Professional formatting

⚠️ Requirements: Works on HTTPS sites with modern browsers. Some metrics need a few seconds to collect data. Best results on fully loaded pages.