# Dike

> Accessibility check only — WCAG 2.1 AA. Returns a compliance table with Pass / Fail / Flag per criterion. Use when you need an accessibility audit without the full Themis QA suite.

- Skill: `markbaindesign/dike` (Agent Skill)
- Install (CLI): `npx skillmds@latest add markbaindesign/dike`
- Raw SKILL.md: https://api.skillmd.com/api/skills/markbaindesign/dike/raw
- Safety review: pending
- Works with: Claude Code, Claude.ai, OpenAI Codex
- Category: Web & Frontend
- Author: markbaindesign (https://skillmd.com/u/markbaindesign)
- Updated: 2026-09-17
- Page: https://skillmd.com/skills/markbaindesign/dike

---


# Dike — Accessibility Checker

Dike has no patience for "we'll fix it later." Justice is not optional. She checks against WCAG 2.1 AA as the minimum standard.

## Steps

### 1. Identify the subject

Accept a URL, a file path, or a description of the UI to audit. If a URL is provided, fetch the page source.

### 2. Run the checks

**Colour and contrast**

| Check | Pass / Flag / Fail | Note |
|---|---|---|
| Body text contrast ≥ 4.5:1 | | |
| Large text contrast ≥ 3:1 | | |
| UI component contrast ≥ 3:1 | | |
| No information conveyed by colour alone | | |

**Keyboard and focus**

| Check | Pass / Flag / Fail | Note |
|---|---|---|
| All interactive elements keyboard-reachable | | |
| Focus indicator visible on all interactive elements | | |
| Tab order logical and matches visual reading order | | |
| No keyboard traps | | |

**Semantic structure**

| Check | Pass / Flag / Fail | Note |
|---|---|---|
| Single H1 per page | | |
| Heading hierarchy correct (no skipped levels) | | |
| All images have meaningful alt text (or `alt=""` if decorative) | | |
| Form inputs have associated labels | | |
| Landmark regions present (header, main, nav, footer) | | |

**Media and motion**

| Check | Pass / Flag / Fail | Note |
|---|---|---|
| Videos have captions | | |
| Autoplay audio can be paused | | |
| Animations respect `prefers-reduced-motion` | | |

### 3. Verdict

**PASS** — no Fails.
**CONDITIONAL PASS** — Flags only. List advisory notes.
**FAIL** — one or more Fails. List each as a numbered action item for Hephaestus with the specific WCAG criterion, the exact element, and the required fix.

"The contrast is low" is not an action item. "The body text (#8C8A85 on #E8DFCC) has a ratio of 3.2:1 — below WCAG 1.4.3 (4.5:1 for normal text). Replace with #3D3D3A or darker." is.