Clarity Check

Check accessibility: see the headings, controls, and names Chrome passes to screen readers, and where each name came from.

Clarity Check is a Chrome extension for checking accessibility. It shows the headings, page regions, buttons, links, and names Chrome passes to screen readers and other assistive technology, and where each name came from. For example, a button may say “Delete” on screen while Chrome names it “Remove item,” so someone using a screen reader or voice control may get a different label than the one you see. Clarity Check shows both, with the naming evidence, so you can decide whether they should match. It’s made for developers fixing markup, QA testers checking a build, and product managers reviewing what shipped. You can spot a mismatch without reading the code. How it works 1. Open a regular web page and get it into the state you want to check, like a menu open or a form half filled. 2. Click Clarity Check in the toolbar or press Alt+Shift+S. The first time in each browser session, you’ll see what a capture collects. Choose Agree and capture page, or Decline to capture nothing. 3. Pick anything in the outline to see its role, its accessible name (the name Chrome gives it), and where that name came from. 4. Fix it in your code, or pass it to whoever owns that part of the page, then choose Recapture to check the change. What Free includes - One outline of headings, page regions, controls, and text, with filters - The name Chrome gives each element, and where it came from - Observations that point out things worth a look, like a button whose name doesn’t match its visible text - Lookup by CSS selector, including elements Chrome doesn’t pass to assistive technology - Optional capture of embedded frames, like ads and widgets Free is always available, and it never contacts Clarity Check’s licensing service. What Pro adds Pro shows the same facts on the page you’re checking, so you don’t have to hunt for an element in the outline. - A toolbar on the page you’re checking - Point at an element to see a card beside it with its role, name, and where the name came from, and click to pin the card - Role and name labels on headings, page regions, and controls, up to 2,000 on a page - Open this element in Clarity Check in the right-click menu, on any HTTP or HTTPS page - A Clarity Check sidebar in the Elements panel of DevTools - Label, layer, and frame display choices that stay as you set them The on-page tools never activate the page’s controls or scroll the page on their own. They’re removed when you close them, leave or reload the page, after 30 minutes without use, or when Pro access ends. They cover the top document; embedded frames stay in the inspector. Pro pricing Pro is $29.99 USD, paid once, through Lemon Squeezy, which acts as merchant of record. That’s an introductory price: after the first 90 days from public launch, Pro is $59.99. It covers one person on their own computers and browser profiles, with no device cap. You keep the Pro tools you buy, including their fixes and compatibility updates. Refunds are available within 14 days; a full refund ends Pro access, and Free stays available. Pro checks its license at most once a day, and a failed connection never turns Pro off. Confirm the final price and any tax at checkout. Privacy Captures are processed on your computer. There’s no account and no telemetry. Pro sends only license details to Clarity Check’s licensing service, to activate, restore, and check a license. Those requests never include captures, page content, URLs, page titles, browsing history, or device identifiers. Values in editable fields are removed before the inspector sees them, but other page text stays in the capture, so treat a capture like the page itself. Selecting an item in the inspector never activates the page’s controls. What it doesn’t do A mismatch is a reason to look, not automatically a bug. Clarity Check doesn’t score or certify a page, and it can’t tell you exactly what a screen reader will say, so keep testing with a keyboard and assistive technology. Each capture describes one moment of the page, and the inspector tells you about any gaps. Clarity Check works in Chrome on desktop computers. Clarity Check is by Mark Zebley and sold by Emzee Studios.