Back to workbench
Beta

Digital
Accessibility
Now.

An AI-built accessibility auditing tool that scores content against WCAG 2.2 AAA and teaches users how to fix it.

Digital Accessibility Now
Fig. 01 — Auditing Tool Interface
// 01 · Stack
HTMLCSSJavaScriptNetlifySupabaseClaude Code
// 02 · Idea

Accessibility as a learning tool.

Accessibility knowledge shouldn't be a barrier to accessible design. Most designers and developers don't fully understand WCAG, so DAN teaches the standard while it audits.

// 03 · Goal

Beyond compliance checklists.

Turn a compliance checklist into a learning tool. Give users a rating, a gap analysis, and the understanding to close it themselves.

// 04 · Approach

Upload, audit, learn.

Users upload files for automatic WCAG 2.2 AAA scoring, backed by a glossary, real-world explanations, and links to the source standards.

// 05 · Outcome

A working audit platform.

Built with global admin controls, user profiles, storage and audit history, using subtle colour cues to surface key findings.

Project gallery.

7 images · View the details

01 / Featured view

Audit records

A table of audit records showing titles, content types, auditors, dates, completion statuses and accessibility-result labels.

02

Status overview

A status chart labelled 6 passing, with AAA (2), AA (4), A (2), Fail (1) and Pending (3) in its legend.

03

New audit setup

A new-audit form with title, auditor, browser and date fields, content-medium selectors and a Start Audit control.

04

Video criteria

A video-audit checklist for text alternatives, captions, visual explanations and playback controls, with pass and fail choices.

05

Criterion guidance

An expanded text-contrast criterion showing AA and AAA guidance, its impact and a link to a contrast checker.

Showing 5 of 7 images

// 07 · Takeaways
  1. 01

    Learning by doing beats reading standards.

  2. 02

    Vibe-coded with Claude Code end to end.