About This Tool

Pinpoint is a bookmarklet powered by axe-core, the industry-standard accessibility testing engine. This tool provides comprehensive WCAG 2.1 AA compliance testing 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.

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:

  1. Show bookmarks bar: Press Ctrl+Shift+B (Windows) or Cmd+Shift+B (Mac)
  2. Add bookmark: Either drag the button above OR copy the generated code and create a new bookmark
  3. Name it: "Pinpoint A11y Checker" when creating the bookmark
  4. 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

Powered by axe-core accessibility testing engine