Accessibility Checker WCAG Audit & Color Contrast

Audit any website for accessibility. In seconds. From your iPhone or iPad — or right inside Safari on your Mac, with every finding tracked in the new Reports Hub.

New here? Read the user guide for a tour of every tool. On a Mac? See the Mac app help, including the Safari extension guide.

Accessibility Checker on iPhone showing completed audit results for a website, grouped by severity

New in Version 9.1

Audit in Safari and manage every finding in one place on your Mac — and it’s ready for iOS 27 and macOS 27.

Safari Extension for Mac

Run an axe-core audit on the page you're viewing, overlay its keyboard tab order, and check contrast — without leaving Safari. Send the results to the Reports Hub in one click.

Reports Hub on Mac

Organise pages into projects and audit rounds, mark issues Open, Resolved, or Dismissed — and keep those statuses when you re-audit. Export HTML or Markdown reports and an EN 301 549 accessibility statement.

Ready for iOS 27 & macOS 27

The title bar tucks away as you scroll long screens, the live camera eases off in Low Power Mode instead of draining your battery, and the Mac app is built for macOS 27.

Three Tools. One Complete Toolkit.

Professional-grade WCAG testing on your iPhone and iPad — and on your Mac, right inside Safari.

1. Automated Audit

Run the industry-standard axe-core engine against any URL. Get a prioritised list of WCAG issues, each explained in plain language with practical fix guidance.

2. Focus Order

Visualize the keyboard focus (tab) order of any page, see the sequence keyboard and screen-reader users follow, and catch illogical jumps (WCAG 2.4.3).

3. Color Contrast

Measure the contrast between any two colors in a screenshot, website, or live camera view — against WCAG 2.1 and the APCA algorithm from WCAG 3.0.

Accessibility Checker automated audit screen showing detected issues grouped by severity

Full Automated Auditing

Go beyond color contrast. The built-in axe-powered audit engine scans any webpage and reports issues across the full spectrum of WCAG success criteria — missing alt text, broken heading hierarchy, ARIA misuse, form label problems, and more.

Each issue includes a clear description, the relevant WCAG guideline, and actionable steps to fix it.

  • Powered by the axe-core accessibility engine (version selectable)
  • Issues grouped by severity: critical, serious, moderate, minor
  • Plain-language explanations and fix recommendations
  • Export findings as text, CSV, or a PDF report
How to Run an Audit
Focus Order overlay on a live web page: numbered markers on every focusable element connected by a path, with a panel reading 38 tab stops
New

Focus Order: Test Keyboard Navigation Visually

Tabbing through a page is how keyboard and many screen-reader users experience your site — and it's one of the hardest things to test without specialist tools. Focus Order maps every focusable element with a numbered marker and draws the path between them.

An illogical sequence is a WCAG 2.4.3 (Focus Order) failure. With the whole route drawn on top of the page, jumps and traps are obvious in seconds — and the full-page map exports as an image or PDF for tickets and audit evidence.

Focus Order Guide
Accessibility Checker contrast tool on iPhone showing a 5.3 to 1 ratio with WCAG AA and AAA pass and fail results for two picked colors

Check Color Contrast Anywhere

Load a screenshot, take a photo, enter a URL, or point your camera at anything — then move two pickers to measure the exact contrast between any two colors. Results update live with pass/fail for WCAG 2.1 A, AA, and AAA, for both normal and large text.

When a combination fails, suggested alternative colors show you the nearest accessible options. Copy any color as HTML hex or Swift UIColor and paste it straight into your code.

  • Works on screenshots, photos, websites, and live camera
  • WCAG 2.1 ratios plus APCA (WCAG 3.0 draft)
  • Suggested accessible color alternatives
  • Check directly from Safari and Photos via the share sheet
Contrast Tool Guide
Accessibility Checker on iPad with the page full-bleed and contrast results shown in a floating card in the corner

Designed for iPad

On big screens, results now live in a floating card that you can move to any corner — keeping the page you're testing in full view while you work through issues.

With a hardware keyboard, shortcuts cover the whole workflow: run an audit, switch tools, and export results without touching the screen. Pointer and trackpad interactions feel native throughout.

iPad Guide
The W3C's inaccessible demo page with the Safari extension's tab order overlay: numbered red badges on 56 focusable elements, joined by a path that jumps back and forth across the page
New on Mac

Audit Right Inside Safari

The Mac app now includes a Safari extension. Click its toolbar button on any page and an axe-core audit runs straight away — the same engine and version as the iPhone app, so results match across devices. Open a finding and click any affected element to highlight it on the page.

Switch to Tab Order to overlay numbered badges and the keyboard path on the live page, with warnings for positive tabindex, stops that jump against the reading order, and focus that lands off-screen. A Contrast tab checks any pair and suggests passing colors.

  • Send to Reports Hub in one click — on-device, no account
  • Copy a Markdown report or save the findings as JSON
  • Nothing leaves your Mac: no upload, no tracking
Safari Extension Guide
The Reports Hub on Mac: projects and audit rounds in the sidebar, status chips from Open to Regressed and Verified, a findings table grouped by rule where a contrast issue marked Resolved has come back as Regressed, and a detail pane with its evidence and the affected element
New on Mac

The Reports Hub: Track Every Fix

Click the Dock icon to open a full workspace for your audits. Keep a project for each client or site, start a new audit round when fixes land, and see what changed: coverage of the pages in scope, and how many issues were fixed since the previous round.

Triage once. Mark issues Open, Resolved, or Dismissed and add notes — statuses stick through re-audits, and every finding links to its WCAG success criterion. When you're done, export the round as HTML or Markdown, or generate an accessibility statement in the EN 301 549 / W3C structure from the project's open issues, in 17 languages.

New in 9.2: when you re-audit a page, issues you marked Resolved are checked against the new scan and shown as Verified or Regressed. The checker, Lens, Safari extension and one Hub project are free; Pro adds report export, accessibility statements, unlimited projects and verified fixes.

The menu-bar contrast checker and the Color Blindness Lens are one click away in the hub toolbar.

Reports Hub Guide

EAA-Ready Reports & Statements

The European Accessibility Act has been in force since June 2025. Turn your audits into the documentation it expects.

Automated WCAG Report

Turn an audit into a structured WCAG report aligned with the criteria behind EN 301 549 — the harmonised standard the EAA references — ready to share with stakeholders or attach to compliance records.

Accessibility Statement

Generate a self-assessed accessibility statement you can publish. See a live example statement, available in 17 languages.

Honest Automated Coverage

Automated checks give you a fast EAA-readiness baseline — but full conformance always requires manual testing. The app tells you exactly which WCAG criteria it can and cannot check automatically.

New: a self-paced accessibility training course on WCAG 2.2, EN 301 549 and the EAA, with a test in the app after every lesson. The first lesson is free, and the rest is included with your plan.

Understanding WCAG Standards

Web Content Accessibility Guidelines (WCAG) ensure digital content is perceivable, operable, understandable, and robust for all users.

WCAG 2.1 Contrast

WCAG 2.1 defines three conformance levels. For normal text, Level AA requires a 4.5:1 contrast ratio and Level AAA requires 7:1. For large text (18pt+ or 14pt+ bold), AA requires 3:1 and AAA requires 4.5:1. Accessibility Checker tests all levels instantly.

WCAG 3.0 & APCA

The Advanced Perceptual Contrast Algorithm (APCA) is the next-generation contrast method referenced in WCAG 3.0 drafts. It accounts for spatial frequency, font weight, and polarity — producing more accurate, human-perception-aligned results than the current ratio model.

European Accessibility Act

Since 28 June 2025, the EAA requires digital products and services sold in the EU to be accessible. Accessibility Checker helps you assess and document readiness by testing against the WCAG criteria that underpin EN 301 549, the harmonised standard referenced by the Act.

More Powerful Features

Everything a designer, developer, or QA engineer needs to ship accessible products.

Color Picker with Export

Pick any color on screen and copy it as HTML hex or Swift UIColor (RGBA or HSB) — ready to paste directly into your code or design tool.

Share & Export

Create contrast reports to share by Mail, Messages, or Notes; export focus-order maps as images or PDFs; and share audit findings as text, CSV, or a PDF report.

Private by Design

Everything runs on your device. The sites, images, and colors you check never leave your iPhone, iPad, or Mac.

Start Making Your Designs Accessible Today

Download Accessibility Checker and ensure your apps and websites meet WCAG standards — on iPhone, iPad, and Mac.

User Guide · Privacy Policy