メニュー
Accessibility auditing: WCAG compliance checking, contrast ratios, ARIA labels, keyboard navigation, semantic HTML, screen reader compatibility.
Codex または Claude でインストール この Prompt をコピーして Codex、Claude、または他のアシスタントに貼り付けると、Skill ページを確認してインストールできます。
SOC 職業分類に基づく
Double-model verification gate before declaring a build/research/refactor "done". Runs a fresh Anthropic (Claude) review AND an independent OpenAI/Azure critic against the stated goal + criteria, then reconciles. Use before announcing completion of medium/major builds, refactors, major fixes, research deliverables, frontend work, or trade-decision rigor — and on demand via /verify. Skip for small Q&A and trivial edits.
Record and retrieve Architecture Decision Records — log a decision's context, options, rationale, and tradeoffs, then list/search them. Use when making a non-trivial design or architecture decision, choosing between tools/approaches, or asked 'why did we do it this way?'
Queue an external action (Telegram message, shell command, GitHub comment, PR merge, file write) for the user's explicit approval before it runs. Use when you want to take an outward-facing or irreversible action that needs sign-off first.
Run a structured multi-position debate over an analytical question, spawning sub-agents to argue each option and counter confirmation bias. Use when comparing options or tradeoffs — 'which is better', 'should we', 'what's the risk', 'evaluate', 'compare options'.
Ingest documents (URLs, local files, PDFs) into a searchable local knowledge base and query stored knowledge. Use when ingesting or storing documents, searching previously stored knowledge, or building research context.
Collect macro market and economic-calendar data (yfinance + FairEconomy API) into a SQLite DB and generate a formatted macro briefing for Telegram. Use when producing a macro/markets briefing or collecting macro market data.
| name | a11y-audit |
| description | Accessibility auditing: WCAG compliance checking, contrast ratios, ARIA labels, keyboard navigation, semantic HTML, screen reader compatibility. |
| category | frontend |
| maturity | stable |
| tags | ["accessibility","wcag","aria","contrast-ratio","keyboard-nav"] |
Accessibility auditing: WCAG compliance checking, contrast ratios, ARIA labels, keyboard navigation, semantic HTML, screen reader compatibility.
Calculates WCAG contrast ratios between foreground and background colors. Pure Python, no dependencies.
Single pair:
python3 scripts/contrast-checker.py --fg "#333333" --bg "#ffffff"
Batch mode (reads JSON file with array of {"fg": "#hex", "bg": "#hex", "label": "optional"} objects):
python3 scripts/contrast-checker.py --batch colors.json
Output includes:
Scans an HTML file for common accessibility issues. Uses Python's built-in html.parser.
python3 scripts/html-a11y-scan.py page.html
python3 scripts/html-a11y-scan.py page.html --format json
python3 scripts/html-a11y-scan.py page.html --format text
Checks for:
alt attributes (critical)aria-label (critical)lang attribute on <html> (critical)<th> headers (warning)main, nav, banner, contentinfo (info)Output (JSON by default): array of issues with severity, element, line, issue, and suggestion fields.
Generates a Markdown checklist for manual keyboard navigation testing.
bash scripts/keyboard-nav-checklist.sh
bash scripts/keyboard-nav-checklist.sh --output checklist.md
Covers: focus management, tab order, focus indicators, modal behavior, keyboard traps, skip links, and more.
python3 scripts/contrast-checker.py --fg "#767676" --bg "#ffffff"
# Ratio: 4.54:1 — AA normal: PASS, AA large: PASS, AAA normal: FAIL, AAA large: PASS
python3 scripts/html-a11y-scan.py mypage.html --format text
[
{ "fg": "#333333", "bg": "#ffffff", "label": "body text" },
{ "fg": "#767676", "bg": "#ffffff", "label": "muted text" },
{ "fg": "#ffffff", "bg": "#0066cc", "label": "button text" }
]
python3 scripts/contrast-checker.py --batch design-colors.json