SpotCheck: an Accessibility Bookmarklet Toolkit

A collection of free bookmarklets that test for common accessibility issues directly in the browser. Each one maps to its related WCAG 2.2 success criteria.

Choose a tool

  • SpotCheck DevTools

    Want access to SpotCheck in a single view? No problem. Download the browser extension to access each tool from the browser's extension bar or in the DevTools panel.

  • Landmark Visualizer

    Outlines every ARIA and HTML landmark region and flags ones missing an accessible name or duplicated.

    Open tool

  • Link Accessibility Auditor

    Checks every link for a real accessible name and flags generic text like "click here".

    Open tool

  • Heading Validator

    Walks the heading outline in document order and flags any level that skips ahead.

    Open tool

  • List Identifier

    Flags empty lists, malformed markup, and list items that aren't inside a list at all.

    Open tool

  • Tab Order Visualizer

    Numbers every focusable element in tab order and flags positive tabindex values.

    Open tool

  • Text Contrast Checker

    Measures text contrast against its effective background and flags anything below WCAG AA minimum.

    Open tool

  • Alt Text Checker

    Checks every image for alt text and flags the ones missing it or marked incorrectly.

    Open tool

  • Input Label Checker

    Outlines every input, select, and textarea on the page, then labels each one with how it gets its accessible name.

    Open tool

  • Target Size Checker

    Run this on any page to measure every clickable target, flag the ones under 24 by 24 CSS pixels, and show which ones clear the 44 by 44 enhanced threshold.

    Open tool

Props, kudos

I've been using SpotCheck to help Designers and QE learn more about accessibility, and I've found it very useful during PR reviews with Engineers! Its focus on the fundamentals and ease of use has made accessibility much easier for my team to understand and incorporate into our work 🎉

Nancy - Staff Product Designer

About this toolkit

  • No installation, sorta. Each tool is self-contained. All you need to do is drag the bookmarklet link to your bookmarks bar and it's ready to use on any site. The DevTools extensions, however, will require an install, but it's super easy.
  • Nothing leaves your browser. Every check runs entirely client-side against the current page's DOM.
  • Click again to clear. Running a bookmarklet a second time on the same page removes its outlines and summary panel. Or, you can click the close button in the popup to clear the results. But sit tight, I have something else coming to improve this UX pattern :)
  • WCAG 2.2 mapped. Every tool's page lists the specific success criteria related to its bookmarklet, with a link to the W3C Understanding document.
  • These tools are a starting point, not a full audit. Bookmarklets are great for quick spot-checks that catch common issues, but they don't replace a full manual and assistive tech review.
v.1.1