菜单
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