Independently evaluated. Continuously monitored. Transparently documented.

The accessibility of your product, held to WCAG 2.2 by people who don’t build it, watched as it changes, and written down so you can show the work.

See what better access looks like

Accessibility inspector

Example

You should always know where you are.

Tab to this button, or select it to show the focus ring.

Role
button
Name
“Try keyboard focus”
Target size
At least 44 × 44 px
Text contrast
5.9 : 1
Focus
Waiting for Tab
A visible place in the page2.4.72.4.13
One button. A clearer purpose.Code example

Before: no accessible name

<button>
  <svg>…</svg>
</button>

After: a name and a clear action

<button>
  Save preferences
  <svg aria-hidden="true">…</svg>
</button>
Try the corrected example.

The difference is in the doing.

Accessibility becomes real in the details: a button with a clear name, a document with a reading order, a form someone can finish.

  1. Understand the barrier.

    An icon alone may leave a screen reader with nothing useful to announce.

  2. Fix it at the source.

    A visible label gives the button a name. A native button brings keyboard support with it.

  3. Check the experience.

    Read the name. Tab to the button. Press Enter. Verify what happens next.

Read WCAG 4.1.2

Interactive example: giving a button an accessible name.

One standard, three commitments.

Independent review finds the barriers. Monitoring keeps them from coming back. Documentation shows the work.

Independently evaluated.

People who didn’t build your product test it against WCAG 2.2, with a keyboard, a screen reader, and real tasks, not only an automated scan.

Talk to us

An evaluation checks

  • Keyboard and focus
  • Screen reader output
  • Contrast, zoom, and reflow
  • Forms and documents

Continuously monitored.

Products change every week. Monitoring keeps checking as they do, so a fixed barrier doesn’t quietly come back.

Get the tool

Re-checked as your product changes

  • New pages
  • Changed components
  • Regressions

Transparently documented.

Every finding is written down with where it is, the criterion it fails, and how it was fixed, so you can show your work.

See how we document this site

Each finding records

  • What fails, and where
  • The WCAG criterion
  • How it was fixed

We hold this site to the same standard.

These are the targets we design this site to and check in automated browser tests. Transitions switch off when you ask for reduced motion. Automated checks are only one part of an accessibility review.

  • 14.5:1

    Body text contrast. AA asks for 4.5:1.

    WCAG 1.4.3
  • 44px

    Smallest button and menu height. AA asks for 24.

    WCAG 2.5.8
  • 3px

    Focus ring, with a 3px yellow band inside it.

    WCAG 2.4.13
  • 320px

    Narrowest width with no sideways scrolling.

    WCAG 1.4.10

Grounded in clear standards.

The standards and reporting frameworks behind the work.

  • WCAG 2.2 AA
  • Section 508
  • EN 301 549
  • ADA Title II
  • VPAT 2.5

A clearer place to start.

Read the guidance. Understand the requirements. Turn the next question into a practical next step.

A few useful answers.

Start with the basics. Keep the people using your work in view.

What does digital accessibility mean?

It means people with disabilities can use your websites, apps, and documents. That includes people who navigate with a keyboard, use a screen reader, magnify text, or need captions.

Can a tool check everything?

No. Automated checks are one part of the work. Human review is needed to evaluate the experience and determine whether a site meets accessibility standards. Read W3C’s guidance on evaluation.

What should we start with?

Start with a task people need to complete: finding information, filling in a form, or reading a document. Check the whole path, including what happens when something goes wrong.

What should I bring to a conversation?

A link to your site or an example document is a useful start. Tell us who uses it, what you need help with, and any requirements or deadlines you are working toward.

Talk to us about your project.

Make access part of the work.

A practical next step starts here.