Pinpoint Bookmarklet

About This Tool

Pinpoint is a bookmarklet powered by axe-core, an industry-standard accessibility testing engine utilized by developers and accessibility professionals. This tool will guide you toward WCAG compliance with a detailed sidebar showing violations, recommendations, and fix suggestions.

Powered by axe-core: Uses the same accessibility testing engine that powers popular tools throughout the industry, ensuring consistent and accurate results.

Three Ways to Install

Pinpoint runs the same checker whichever way you install it — pick whatever fits your workflow.

Chrome / Edge / Brave

One-click install from the Chrome Web Store. Works in any Chromium-based browser.

Add to Chrome

Firefox

Install the signed add-on from Mozilla. Auto-updates whenever a new version ships.

Get the Add-on

Bookmarklet

No install required — drag the button below to your bookmarks bar and use it on any browser, anywhere.

Drag “Pinpoint A11y” ↓

Get Your Enhanced Bookmarklet

Option 1: Drag & Drop (Recommended)

Drag this button directly to your bookmarks bar:

Pinpoint A11y

Right-click and "Bookmark this link" if drag & drop doesn't work

Option 2: Copy & Paste

Generate the bookmarklet code to copy manually:

Copy this code and paste it as the URL when creating a new bookmark

Installation Steps:

Show bookmarks bar: Press Ctrl+Shift+B (Windows) or Cmd+Shift+B (Mac)
Add bookmark: Either drag the button above OR copy the generated code and create a new bookmark
Name it: "Pinpoint A11y Checker" when creating the bookmark
Test it: Visit any webpage and click your new bookmark

Ready to use! The enhanced bookmarklet now shows an accessibility score, detailed technical information, and improved issue analysis.

What You'll Get

Accessibility Score: 0-100 rating with color-coded visual indicator
Detailed Sidebar: Professional interface showing all accessibility issues
Technical Details: HTML source, line numbers, CSS selectors, and color information
Violations & Warnings: Clear categorization of must-fix issues vs. manual review items
Click-to-Highlight: Click any issue to highlight the problematic element on the page
Enhanced Color Information: See actual foreground/background colors and contrast ratios
Fix Recommendations: Specific guidance on how to resolve each issue
WCAG Compliance: Tests against WCAG 2.1 AA standards
Impact Levels: Issues categorized by severity (critical, serious, moderate, minor)
Learn More Links: Direct links to axe-core documentation for each rule

For Local Development

Testing Locally? If you're testing on localhost or file:// URLs, the CDN version might not work due to CORS restrictions. For local development, consider setting up a local web server.

Quick local server options:

Python: python -m http.server 8000
Node.js: npx http-server
PHP: php -S localhost:8000

Best Practices

Run accessibility checks on all pages before publishing
Aim for scores of 90+ for excellent accessibility
Fix all violations and address manual review items
Use the detailed technical information to understand issues better
Test keyboard navigation manually
Verify with screen readers when possible
Remember: automated testing catches ~30% of issues - manual testing is still essential