How to Audit a Web Page for Accessibility Issues
Generate and run accessibility audit snippets in your browser console to find missing alt text, focus issues, contrast problems, and ARIA errors.
Tool Used
Accessibility Audit Snippet
Open the Accessibility Audit Snippet Generator
Open the Accessibility Audit Snippet Generator tool. Select the type of audit you want to run from the list: alt text checker, heading structure, keyboard focus order, ARIA audit, color contrast checker, or form label checker. You can run multiple audits on the same page — generate each snippet separately.
Copy the generated snippet
Click Generate to create the JavaScript snippet for your chosen audit. Click Copy to copy it to your clipboard. The snippet is self-contained JavaScript that runs in the browser console and reports findings directly in the console output. You do not need to install any browser extension or tool.
Open the page you want to audit
Navigate to the page you want to test in your browser. Open DevTools (F12 or Cmd+Option+I on Mac) and click the Console tab. Make sure you are on the correct page and it has fully loaded before running the audit snippet — audits run on the current DOM state.
Paste and run the snippet in the console
Click in the console input area and paste the snippet (Ctrl+V or Cmd+V). Press Enter to run it. The snippet executes immediately and logs its findings to the console. For the alt text checker, it logs all images with missing or empty alt text with their src attribute. For the heading structure, it prints a tree showing H1 through H6 tags in order. For the focus order, it highlights all focusable elements on the page in tab order.
Fix the reported issues
Work through each reported issue. Add alt text to images: use descriptive text for informative images and alt="" for decorative ones. Fix heading hierarchy by ensuring no levels are skipped. Add <label> elements for all form inputs or use aria-label. Fix focus indicators by removing outline:none without a replacement. Re-run the relevant snippet after each fix to confirm the issue is resolved. After automated fixes, manually tab through the page to verify keyboard navigation works end to end.
All done!
You are ready to use Accessibility Audit Snippet like a pro.