Good Citizens · Free tools

Free tools

See your website the way different customers meet it: through older eyes, with a shaky hand, by screen reader or with color blindness. We made these tools for our own work, and you’re welcome to use them free.

  1. Audit · for any website

    Brand audit: how your website presents your business

    Put in your website’s address and we email you a report: what your site calls you from page to page, the typefaces and colors it uses, how it sounds, how it shows up when shared and searched, and what it promises.

    Open →
  2. Audit · for Shopify stores

    Shop audit: what your store rents, leaks and loses

    Put in your Shopify store’s address and we email you a report: what you rent and what it costs, who else loads on your homepage, whether shoppers can find your products elsewhere, how your listings read, and how fast it is on a phone.

    Open →
  3. Check · for any website

    The Good Citizens check: look at what you just shipped

    One bookmark checks any live page of your website for accessibility, speed, type and structure, and explains each problem in terms of the customer it leaves out.

    Open →
  4. Simulator · for any website

    Screen reader view: the page, read aloud in order

    See any page the way a screen reader, the software that reads a page aloud, lays it out: everything in reading order, the outline of headings, links, images and form fields, with every problem marked.

    Open →
  5. Simulator · for any website

    LLM view: the page, as an AI model reads it

    When people ask an AI assistant about you, it reads your website differently from them. See any page the way AI models and agents receive it: as text, before its scripts run, as a map of named controls, and with every hidden word showing.

    Open →
  6. Simulator · for any website

    Keyboard only: buttons only a mouse can press

    Put the mouse away and try your site with the Tab key, the way people using switches, voice control and screen readers reach it, and find every button that looks clickable but can’t be reached.

    Open →
  7. Simulator · for any website

    Motion and distraction: what moves, and who it hurts

    Find everything on a page that moves or plays by itself, see whether it listens when visitors ask their device to “Reduce motion”, and pause it all with one button.

    Open →
  8. Instrument · prototype

    Fovea: a design as one glance sees it

    Fovea is the small, sharp center of your eye. See a design the way one glance does: sharp only where you look, at how far you really sit from the screen.

    Open →
  9. Simulator · for any website

    Color vision: almost nobody sees in black and white

    See any page of your website the way people with each kind of color blindness see it, and why color should never be the only thing that tells them something.

    Open →
  10. Simulator · for any website

    Aging eyes: when a site fails them, they blame themselves

    See your web page the way eyes see it at 50, 70 and 80, and learn what that asks of your text size, contrast and color.

    Open →
  11. Simulator · for any website

    A shaky hand: the most common movement disorder in adults

    Try to click small and large buttons with a pointer that shakes, and see why the size of a button matters for many people.

    Open →
  12. Simulator · for any website

    Slow connections: 24 million people in the US without fast broadband

    Feel what it’s like when every click waits before anything happens, and why a page should answer a customer at once.

    Open →
  13. Experiment · try it yourself

    Better, not wiser: confidence and expertise after AI

    In one study, people got more answers right with AI, and still overestimated their scores by as much as they did without it. Try the experiment with and without an assistant, and read what the research found.

    Open →
  14. Experiment · try it yourself

    Fitts’s law: why the edge of the screen is the easiest target

    Click targets of different sizes and distances, and fit your own times to the curve that predicts them.

    Open →
  15. Experiment · try it yourself

    Hick’s law: each new option costs less than the last

    Find a word among 2, 4 or 8 choices, and see how much your time grows each time the choices double: less than most people think.

    Open →
  16. Experiment · try it yourself

    Change blindness: a reload can hide a new total

    Spot what changes between two flickering versions of a product card, and see how easily the eye misses a change, like a new total after a page reloads.

    Open →
  17. Experiment · try it yourself

    Working memory: four things at once, not seven

    Carry a code from one screen to the next as it grows, the way a customer copies one from a text message, and find how many characters you can hold in your head.

    Open →